@coveord/plasma-mantine 59.6.0 → 59.7.1

package/dist/cjs/components/ActionIcon/ActionIcon.js

@@ -49,15 +49,33 @@ var ActionIconPrimary = ActionIcon.withProps({
 });
 var ActionIconSecondary = ActionIcon.withProps({
     variant: 'light',
-    color: 'var(--coveo-color-text-primary)'
+    vars: function vars() {
+        return {
+            root: {
+                '--ai-color': 'var(--mantine-primary-color-filled)'
+            }
+        };
+    }
 });
 var ActionIconTertiary = ActionIcon.withProps({
     variant: 'default',
-    color: 'var(--coveo-color-text-primary)'
+    vars: function vars() {
+        return {
+            root: {
+                '--ai-color': 'var(--mantine-primary-color-filled)'
+            }
+        };
+    }
 });
 var ActionIconQuaternary = ActionIcon.withProps({
     variant: 'subtle',
-    color: 'var(--coveo-color-text-primary)'
+    vars: function vars() {
+        return {
+            root: {
+                '--ai-color': 'var(--mantine-primary-color-filled)'
+            }
+        };
+    }
 });
 var ActionIconDestructive = ActionIcon.withProps({
     variant: 'filled',

package/dist/cjs/components/ActionIcon/ActionIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ActionIcon/ActionIcon.tsx"],"sourcesContent":["import {\n    ActionIconCssVariables,\n    ActionIconStylesNames,\n    ActionIconVariant,\n    Factory,\n    ActionIcon as MantineActionIcon,\n    polymorphicFactory,\n    type ActionIconGroup,\n    type ActionIconProps as MantineActionIconProps,\n} from '@mantine/core';\nimport {ComponentType} from 'react';\nimport {ClickHandler, useClickWithLoading} from '../../hooks/useClickWithLoading.js';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from '../Button/ButtonWithDisabledTooltip.js';\n\nexport interface ActionIconProps extends MantineActionIconProps, ButtonWithDisabledTooltipProps {\n    /**\n     * Handler executed on click.\n     * Supports async handlers - the button will show a loading state while the promise resolves.\n     */\n    onClick?: ClickHandler<HTMLButtonElement>;\n}\n\ntype ActionIconOverloadFactory = Factory<{\n    props: ActionIconProps;\n    defaultRef: HTMLButtonElement;\n    defaultComponent: 'button';\n    stylesNames: ActionIconStylesNames;\n    vars: ActionIconCssVariables;\n    variant: ActionIconVariant;\n    staticComponents: {\n        Group: typeof ActionIconGroup;\n        Primary: typeof ActionIconPrimary;\n        Secondary: typeof ActionIconSecondary;\n        Tertiary: typeof ActionIconTertiary;\n        Quaternary: typeof ActionIconQuaternary;\n        DestructivePrimary: typeof ActionIconDestructive;\n        DestructiveSecondary: typeof ActionIconDestructiveSecondary;\n        DestructiveTertiary: typeof ActionIconDestructiveTertiary;\n        DestructiveQuaternary: typeof ActionIconDestructiveQuaternary;\n    };\n}>;\n\nexport const ActionIcon = polymorphicFactory<ActionIconOverloadFactory>(\n    ({disabledTooltip, disabled, disabledTooltipProps, loading, onClick, ...others}, ref) => {\n        const {isLoading, handleClick} = useClickWithLoading(onClick);\n        return (\n            <ButtonWithDisabledTooltip\n                disabled={disabled}\n                disabledTooltip={disabledTooltip}\n                disabledTooltipProps={disabledTooltipProps}\n                fullWidth={others.fullWidth}\n            >\n                <MantineActionIcon\n                    loaderProps={{type: 'oval'}}\n                    ref={ref}\n                    loading={isLoading || loading}\n                    onClick={handleClick}\n                    disabled={disabled}\n                    {...others}\n                />\n            </ButtonWithDisabledTooltip>\n        );\n    },\n);\n\nconst ActionIconPrimary = ActionIcon.withProps({\n    variant: 'filled',\n});\nconst ActionIconSecondary = ActionIcon.withProps({\n    variant: 'light',\n    color: 'var(--coveo-color-text-primary)',\n});\nconst ActionIconTertiary = ActionIcon.withProps({\n    variant: 'default',\n    color: 'var(--coveo-color-text-primary)',\n});\nconst ActionIconQuaternary = ActionIcon.withProps({\n    variant: 'subtle',\n    color: 'var(--coveo-color-text-primary)',\n});\n\nconst ActionIconDestructive = ActionIcon.withProps({variant: 'filled', color: 'var(--mantine-color-error)'});\nconst ActionIconDestructiveSecondary = ActionIcon.withProps({variant: 'light', color: 'var(--mantine-color-error)'});\nconst ActionIconDestructiveTertiary = ActionIcon.withProps({\n    variant: 'default',\n    vars: () => ({root: {'--ai-color': 'var(--mantine-color-error)'}}),\n});\nconst ActionIconDestructiveQuaternary = ActionIcon.withProps({variant: 'subtle', color: 'var(--mantine-color-error)'});\n\nActionIcon.Group = MantineActionIcon.Group;\nActionIcon.Primary = ActionIconPrimary;\nActionIcon.Secondary = ActionIconSecondary;\nActionIcon.Tertiary = ActionIconTertiary;\nActionIcon.Quaternary = ActionIconQuaternary;\nActionIcon.DestructivePrimary = ActionIconDestructive;\nActionIcon.DestructiveSecondary = ActionIconDestructiveSecondary;\nActionIcon.DestructiveTertiary = ActionIconDestructiveTertiary;\nActionIcon.DestructiveQuaternary = ActionIconDestructiveQuaternary;\n\nActionIcon.displayName = 'ActionIcon';\nActionIcon.Group.displayName = 'ActionIcon.Group';\n(ActionIconPrimary as ComponentType).displayName = 'ActionIcon.Primary';\n(ActionIconSecondary as ComponentType).displayName = 'ActionIcon.Secondary';\n(ActionIconTertiary as ComponentType).displayName = 'ActionIcon.Tertiary';\n(ActionIconQuaternary as ComponentType).displayName = 'ActionIcon.Quaternary';\n(ActionIconDestructive as ComponentType).displayName = 'ActionIcon.DestructivePrimary';\n(ActionIconDestructiveSecondary as ComponentType).displayName = 'ActionIcon.DestructiveSecondary';\n(ActionIconDestructiveTertiary as ComponentType).displayName = 'ActionIcon.DestructiveTertiary';\n(ActionIconDestructiveQuaternary as ComponentType).displayName = 'ActionIcon.DestructiveQuaternary';\n"],"names":["ActionIcon","polymorphicFactory","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","others","ref","useClickWithLoading","isLoading","handleClick","ButtonWithDisabledTooltip","fullWidth","MantineActionIcon","loaderProps","type","ActionIconPrimary","withProps","variant","ActionIconSecondary","color","ActionIconTertiary","ActionIconQuaternary","ActionIconDestructive","ActionIconDestructiveSecondary","ActionIconDestructiveTertiary","vars","root","ActionIconDestructiveQuaternary","Group","Primary","Secondary","Tertiary","Quaternary","DestructivePrimary","DestructiveSecondary","DestructiveTertiary","DestructiveQuaternary","displayName"],"mappings":";;;;+BA0CaA;;;eAAAA;;;;;;;;oBAjCN;mCAEyC;yCACwB;AA8BjE,IAAMA,aAAaC,IAAAA,wBAAkB,EACxC;;;;4EAAEC,wBAAAA,iBAAiBC,iBAAAA,UAAUC,6BAAAA,sBAAsBC,gBAAAA,SAASC,gBAAAA,SAAYC;;;;;;+CAASC;IAC7E,IAAiCC,wBAAAA,IAAAA,wCAAmB,EAACH,UAA9CI,YAA0BD,sBAA1BC,WAAWC,cAAeF,sBAAfE;IAClB,qBACI,qBAACC,oDAAyB;QACtBT,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;QACtBS,WAAWN,OAAOM,SAAS;kBAE3B,cAAA,qBAACC,gBAAiB;YACdC,aAAa;gBAACC,MAAM;YAAM;YAC1BR,KAAKA;YACLH,SAASK,aAAaL;YACtBC,SAASK;YACTR,UAAUA;WACNI;;AAIpB;AAGJ,IAAMU,oBAAoBjB,WAAWkB,SAAS,CAAC;IAC3CC,SAAS;AACb;AACA,IAAMC,sBAAsBpB,WAAWkB,SAAS,CAAC;IAC7CC,SAAS;IACTE,OAAO;AACX;AACA,IAAMC,qBAAqBtB,WAAWkB,SAAS,CAAC;IAC5CC,SAAS;IACTE,OAAO;AACX;AACA,IAAME,uBAAuBvB,WAAWkB,SAAS,CAAC;IAC9CC,SAAS;IACTE,OAAO;AACX;AAEA,IAAMG,wBAAwBxB,WAAWkB,SAAS,CAAC;IAACC,SAAS;IAAUE,OAAO;AAA4B;AAC1G,IAAMI,iCAAiCzB,WAAWkB,SAAS,CAAC;IAACC,SAAS;IAASE,OAAO;AAA4B;AAClH,IAAMK,gCAAgC1B,WAAWkB,SAAS,CAAC;IACvDC,SAAS;IACTQ,MAAM,SAANA;eAAa;YAACC,MAAM;gBAAC,cAAc;YAA4B;QAAC;;AACpE;AACA,IAAMC,kCAAkC7B,WAAWkB,SAAS,CAAC;IAACC,SAAS;IAAUE,OAAO;AAA4B;AAEpHrB,WAAW8B,KAAK,GAAGhB,gBAAiB,CAACgB,KAAK;AAC1C9B,WAAW+B,OAAO,GAAGd;AACrBjB,WAAWgC,SAAS,GAAGZ;AACvBpB,WAAWiC,QAAQ,GAAGX;AACtBtB,WAAWkC,UAAU,GAAGX;AACxBvB,WAAWmC,kBAAkB,GAAGX;AAChCxB,WAAWoC,oBAAoB,GAAGX;AAClCzB,WAAWqC,mBAAmB,GAAGX;AACjC1B,WAAWsC,qBAAqB,GAAGT;AAEnC7B,WAAWuC,WAAW,GAAG;AACzBvC,WAAW8B,KAAK,CAACS,WAAW,GAAG;AAC9BtB,kBAAoCsB,WAAW,GAAG;AAClDnB,oBAAsCmB,WAAW,GAAG;AACpDjB,mBAAqCiB,WAAW,GAAG;AACnDhB,qBAAuCgB,WAAW,GAAG;AACrDf,sBAAwCe,WAAW,GAAG;AACtDd,+BAAiDc,WAAW,GAAG;AAC/Db,8BAAgDa,WAAW,GAAG;AAC9DV,gCAAkDU,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/ActionIcon/ActionIcon.tsx"],"sourcesContent":["import {\n    ActionIconCssVariables,\n    ActionIconStylesNames,\n    ActionIconVariant,\n    Factory,\n    ActionIcon as MantineActionIcon,\n    polymorphicFactory,\n    type ActionIconGroup,\n    type ActionIconProps as MantineActionIconProps,\n} from '@mantine/core';\nimport {ComponentType} from 'react';\nimport {ClickHandler, useClickWithLoading} from '../../hooks/useClickWithLoading.js';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from '../Button/ButtonWithDisabledTooltip.js';\n\nexport interface ActionIconProps extends MantineActionIconProps, ButtonWithDisabledTooltipProps {\n    /**\n     * Handler executed on click.\n     * Supports async handlers - the button will show a loading state while the promise resolves.\n     */\n    onClick?: ClickHandler<HTMLButtonElement>;\n}\n\ntype ActionIconOverloadFactory = Factory<{\n    props: ActionIconProps;\n    defaultRef: HTMLButtonElement;\n    defaultComponent: 'button';\n    stylesNames: ActionIconStylesNames;\n    vars: ActionIconCssVariables;\n    variant: ActionIconVariant;\n    staticComponents: {\n        Group: typeof ActionIconGroup;\n        Primary: typeof ActionIconPrimary;\n        Secondary: typeof ActionIconSecondary;\n        Tertiary: typeof ActionIconTertiary;\n        Quaternary: typeof ActionIconQuaternary;\n        DestructivePrimary: typeof ActionIconDestructive;\n        DestructiveSecondary: typeof ActionIconDestructiveSecondary;\n        DestructiveTertiary: typeof ActionIconDestructiveTertiary;\n        DestructiveQuaternary: typeof ActionIconDestructiveQuaternary;\n    };\n}>;\n\nexport const ActionIcon = polymorphicFactory<ActionIconOverloadFactory>(\n    ({disabledTooltip, disabled, disabledTooltipProps, loading, onClick, ...others}, ref) => {\n        const {isLoading, handleClick} = useClickWithLoading(onClick);\n        return (\n            <ButtonWithDisabledTooltip\n                disabled={disabled}\n                disabledTooltip={disabledTooltip}\n                disabledTooltipProps={disabledTooltipProps}\n                fullWidth={others.fullWidth}\n            >\n                <MantineActionIcon\n                    loaderProps={{type: 'oval'}}\n                    ref={ref}\n                    loading={isLoading || loading}\n                    onClick={handleClick}\n                    disabled={disabled}\n                    {...others}\n                />\n            </ButtonWithDisabledTooltip>\n        );\n    },\n);\n\nconst ActionIconPrimary = ActionIcon.withProps({\n    variant: 'filled',\n});\nconst ActionIconSecondary = ActionIcon.withProps({\n    variant: 'light',\n    vars: () => ({root: {'--ai-color': 'var(--mantine-primary-color-filled)'}}),\n});\nconst ActionIconTertiary = ActionIcon.withProps({\n    variant: 'default',\n    vars: () => ({root: {'--ai-color': 'var(--mantine-primary-color-filled)'}}),\n});\nconst ActionIconQuaternary = ActionIcon.withProps({\n    variant: 'subtle',\n    vars: () => ({root: {'--ai-color': 'var(--mantine-primary-color-filled)'}}),\n});\n\nconst ActionIconDestructive = ActionIcon.withProps({variant: 'filled', color: 'var(--mantine-color-error)'});\nconst ActionIconDestructiveSecondary = ActionIcon.withProps({variant: 'light', color: 'var(--mantine-color-error)'});\nconst ActionIconDestructiveTertiary = ActionIcon.withProps({\n    variant: 'default',\n    vars: () => ({root: {'--ai-color': 'var(--mantine-color-error)'}}),\n});\nconst ActionIconDestructiveQuaternary = ActionIcon.withProps({variant: 'subtle', color: 'var(--mantine-color-error)'});\n\nActionIcon.Group = MantineActionIcon.Group;\nActionIcon.Primary = ActionIconPrimary;\nActionIcon.Secondary = ActionIconSecondary;\nActionIcon.Tertiary = ActionIconTertiary;\nActionIcon.Quaternary = ActionIconQuaternary;\nActionIcon.DestructivePrimary = ActionIconDestructive;\nActionIcon.DestructiveSecondary = ActionIconDestructiveSecondary;\nActionIcon.DestructiveTertiary = ActionIconDestructiveTertiary;\nActionIcon.DestructiveQuaternary = ActionIconDestructiveQuaternary;\n\nActionIcon.displayName = 'ActionIcon';\nActionIcon.Group.displayName = 'ActionIcon.Group';\n(ActionIconPrimary as ComponentType).displayName = 'ActionIcon.Primary';\n(ActionIconSecondary as ComponentType).displayName = 'ActionIcon.Secondary';\n(ActionIconTertiary as ComponentType).displayName = 'ActionIcon.Tertiary';\n(ActionIconQuaternary as ComponentType).displayName = 'ActionIcon.Quaternary';\n(ActionIconDestructive as ComponentType).displayName = 'ActionIcon.DestructivePrimary';\n(ActionIconDestructiveSecondary as ComponentType).displayName = 'ActionIcon.DestructiveSecondary';\n(ActionIconDestructiveTertiary as ComponentType).displayName = 'ActionIcon.DestructiveTertiary';\n(ActionIconDestructiveQuaternary as ComponentType).displayName = 'ActionIcon.DestructiveQuaternary';\n"],"names":["ActionIcon","polymorphicFactory","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","others","ref","useClickWithLoading","isLoading","handleClick","ButtonWithDisabledTooltip","fullWidth","MantineActionIcon","loaderProps","type","ActionIconPrimary","withProps","variant","ActionIconSecondary","vars","root","ActionIconTertiary","ActionIconQuaternary","ActionIconDestructive","color","ActionIconDestructiveSecondary","ActionIconDestructiveTertiary","ActionIconDestructiveQuaternary","Group","Primary","Secondary","Tertiary","Quaternary","DestructivePrimary","DestructiveSecondary","DestructiveTertiary","DestructiveQuaternary","displayName"],"mappings":";;;;+BA0CaA;;;eAAAA;;;;;;;;oBAjCN;mCAEyC;yCACwB;AA8BjE,IAAMA,aAAaC,IAAAA,wBAAkB,EACxC;;;;4EAAEC,wBAAAA,iBAAiBC,iBAAAA,UAAUC,6BAAAA,sBAAsBC,gBAAAA,SAASC,gBAAAA,SAAYC;;;;;;+CAASC;IAC7E,IAAiCC,wBAAAA,IAAAA,wCAAmB,EAACH,UAA9CI,YAA0BD,sBAA1BC,WAAWC,cAAeF,sBAAfE;IAClB,qBACI,qBAACC,oDAAyB;QACtBT,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;QACtBS,WAAWN,OAAOM,SAAS;kBAE3B,cAAA,qBAACC,gBAAiB;YACdC,aAAa;gBAACC,MAAM;YAAM;YAC1BR,KAAKA;YACLH,SAASK,aAAaL;YACtBC,SAASK;YACTR,UAAUA;WACNI;;AAIpB;AAGJ,IAAMU,oBAAoBjB,WAAWkB,SAAS,CAAC;IAC3CC,SAAS;AACb;AACA,IAAMC,sBAAsBpB,WAAWkB,SAAS,CAAC;IAC7CC,SAAS;IACTE,MAAM,SAANA;eAAa;YAACC,MAAM;gBAAC,cAAc;YAAqC;QAAC;;AAC7E;AACA,IAAMC,qBAAqBvB,WAAWkB,SAAS,CAAC;IAC5CC,SAAS;IACTE,MAAM,SAANA;eAAa;YAACC,MAAM;gBAAC,cAAc;YAAqC;QAAC;;AAC7E;AACA,IAAME,uBAAuBxB,WAAWkB,SAAS,CAAC;IAC9CC,SAAS;IACTE,MAAM,SAANA;eAAa;YAACC,MAAM;gBAAC,cAAc;YAAqC;QAAC;;AAC7E;AAEA,IAAMG,wBAAwBzB,WAAWkB,SAAS,CAAC;IAACC,SAAS;IAAUO,OAAO;AAA4B;AAC1G,IAAMC,iCAAiC3B,WAAWkB,SAAS,CAAC;IAACC,SAAS;IAASO,OAAO;AAA4B;AAClH,IAAME,gCAAgC5B,WAAWkB,SAAS,CAAC;IACvDC,SAAS;IACTE,MAAM,SAANA;eAAa;YAACC,MAAM;gBAAC,cAAc;YAA4B;QAAC;;AACpE;AACA,IAAMO,kCAAkC7B,WAAWkB,SAAS,CAAC;IAACC,SAAS;IAAUO,OAAO;AAA4B;AAEpH1B,WAAW8B,KAAK,GAAGhB,gBAAiB,CAACgB,KAAK;AAC1C9B,WAAW+B,OAAO,GAAGd;AACrBjB,WAAWgC,SAAS,GAAGZ;AACvBpB,WAAWiC,QAAQ,GAAGV;AACtBvB,WAAWkC,UAAU,GAAGV;AACxBxB,WAAWmC,kBAAkB,GAAGV;AAChCzB,WAAWoC,oBAAoB,GAAGT;AAClC3B,WAAWqC,mBAAmB,GAAGT;AACjC5B,WAAWsC,qBAAqB,GAAGT;AAEnC7B,WAAWuC,WAAW,GAAG;AACzBvC,WAAW8B,KAAK,CAACS,WAAW,GAAG;AAC9BtB,kBAAoCsB,WAAW,GAAG;AAClDnB,oBAAsCmB,WAAW,GAAG;AACpDhB,mBAAqCgB,WAAW,GAAG;AACnDf,qBAAuCe,WAAW,GAAG;AACrDd,sBAAwCc,WAAW,GAAG;AACtDZ,+BAAiDY,WAAW,GAAG;AAC/DX,8BAAgDW,WAAW,GAAG;AAC9DV,gCAAkDU,WAAW,GAAG"}

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

@@ -1 +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;AAoBvB,eAAO,MAAM,KAAK;;;;;;;;;WAfP,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;QAC/B,OAAO,EAAE,OAAO,YAAY,CAAC;KAChC;;WAZM,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;QAC/B,OAAO,EAAE,OAAO,YAAY,CAAC;KAChC;;WAZM,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;QAC/B,OAAO,EAAE,OAAO,YAAY,CAAC;KAChC;;iBALgB,OAAO,gBAAgB;YAC5B,OAAO,WAAW;aACjB,OAAO,YAAY;cAClB,OAAO,aAAa;aACrB,OAAO,YAAY;CAIgF,CAAC;AAGrH,QAAA,MAAM,gBAAgB,4GAWpB,CAAC;AAGH,QAAA,MAAM,WAAW,4GAUf,CAAC;AAGH,QAAA,MAAM,YAAY,4GAUhB,CAAC;AAGH,QAAA,MAAM,YAAY,4GAWhB,CAAC;AAGH,QAAA,MAAM,aAAa,4GAUjB,CAAC"}
+{"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;AAoBvB,eAAO,MAAM,KAAK;;;;;;;;;WAfP,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;QAC/B,OAAO,EAAE,OAAO,YAAY,CAAC;KAChC;;WAZM,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;QAC/B,OAAO,EAAE,OAAO,YAAY,CAAC;KAChC;;WAZM,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;QAC/B,OAAO,EAAE,OAAO,YAAY,CAAC;KAChC;;iBALgB,OAAO,gBAAgB;YAC5B,OAAO,WAAW;aACjB,OAAO,YAAY;cAClB,OAAO,aAAa;aACrB,OAAO,YAAY;CAIgF,CAAC;AAGrH,QAAA,MAAM,gBAAgB,4GAUpB,CAAC;AAGH,QAAA,MAAM,WAAW,4GAUf,CAAC;AAGH,QAAA,MAAM,YAAY,4GAUhB,CAAC;AAGH,QAAA,MAAM,YAAY,4GAUhB,CAAC;AAGH,QAAA,MAAM,aAAa,4GAUjB,CAAC"}

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

@@ -20,16 +20,15 @@ var Alert = (0, _core.polymorphicFactory)(function(props, ref) {
 });
 Alert.displayName = 'Alert';
 var AlertInformation = Alert.withProps({
-    color: 'gray',
     icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InfoToken.InfoToken.Information, {
         size: "md"
     }),
     vars: function vars() {
         return {
             root: {
-                '--alert-color': 'var(--mantine-color-text)',
-                '--alert-bg': 'var(--mantine-color-gray-light)',
-                '--alert-bd': '2px solid var(--mantine-color-gray-light)',
+                '--alert-color': 'var(--mantine-color-blue-filled)',
+                '--alert-bg': 'var(--mantine-color-blue-light)',
+                '--alert-bd': '2px solid var(--mantine-color-blue-light)',
                 '--alert-radius': 'var(--mantine-radius-sm)'
             }
         };
@@ -43,9 +42,9 @@ var AlertAdvice = Alert.withProps({
     vars: function vars() {
         return {
             root: {
-                '--alert-color': 'var(--mantine-primary-color-filled)',
-                '--alert-bg': 'var(--mantine-primary-color-light)',
-                '--alert-bd': '2px solid var(--mantine-primary-color-light)',
+                '--alert-color': 'var(--mantine-color-violet-filled)',
+                '--alert-bg': 'var(--mantine-color-violet-light)',
+                '--alert-bd': '2px solid var(--mantine-color-violet-light)',
                 '--alert-radius': 'var(--mantine-radius-sm)'
             }
         };
@@ -69,7 +68,6 @@ var AlertSuccess = Alert.withProps({
 });
 AlertSuccess.displayName = 'Alert.Success';
 var AlertWarning = Alert.withProps({
-    color: 'warning',
     icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InfoToken.InfoToken.Warning, {
         size: "md"
     }),

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

@@ -1 +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 {type ComponentType} from 'react';\nimport {InfoToken} from '../InfoToken/InfoToken.js';\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        Success: typeof AlertSuccess;\n    };\n}>;\n\nexport const Alert = polymorphicFactory<AlertOverloadFactory>((props, ref) => <MantineAlert {...props} ref={ref} />);\nAlert.displayName = 'Alert';\n\nconst AlertInformation = Alert.withProps({\n    color: 'gray',\n    icon: <InfoToken.Information size=\"md\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-text)',\n            '--alert-bg': 'var(--mantine-color-gray-light)',\n            '--alert-bd': '2px solid var(--mantine-color-gray-light)',\n            '--alert-radius': 'var(--mantine-radius-sm)',\n        },\n    }),\n});\n(AlertInformation as ComponentType).displayName = 'Alert.Information';\n\nconst AlertAdvice = Alert.withProps({\n    icon: <InfoToken.Advice size=\"md\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-primary-color-filled)',\n            '--alert-bg': 'var(--mantine-primary-color-light)',\n            '--alert-bd': '2px solid var(--mantine-primary-color-light)',\n            '--alert-radius': 'var(--mantine-radius-sm)',\n        },\n    }),\n});\n(AlertAdvice as ComponentType).displayName = 'Alert.Advice';\n\nconst AlertSuccess = Alert.withProps({\n    icon: <InfoToken.Success size=\"md\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-green-filled)',\n            '--alert-bg': 'var(--mantine-color-green-light)',\n            '--alert-bd': '2px solid var(--mantine-color-green-light)',\n            '--alert-radius': 'var(--mantine-radius-sm)',\n        },\n    }),\n});\n(AlertSuccess as ComponentType).displayName = 'Alert.Success';\n\nconst AlertWarning = Alert.withProps({\n    color: 'warning',\n    icon: <InfoToken.Warning size=\"md\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-yellow-text)',\n            '--alert-bg': 'var(--mantine-color-yellow-light)',\n            '--alert-bd': '2px solid var(--mantine-color-yellow-light)',\n            '--alert-radius': 'var(--mantine-radius-sm)',\n        },\n    }),\n});\n(AlertWarning as ComponentType).displayName = 'Alert.Warning';\n\nconst AlertCritical = Alert.withProps({\n    icon: <InfoToken.Error size=\"md\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-error)',\n            '--alert-bg': 'var(--mantine-color-red-light)',\n            '--alert-bd': '2px solid var(--mantine-color-red-light)',\n            '--alert-radius': 'var(--mantine-radius-sm)',\n        },\n    }),\n});\n(AlertCritical as ComponentType).displayName = 'Alert.Critical';\n\nAlert.Information = AlertInformation;\nAlert.Advice = AlertAdvice;\nAlert.Warning = AlertWarning;\nAlert.Critical = AlertCritical;\nAlert.Success = AlertSuccess;\n"],"names":["Alert","polymorphicFactory","props","ref","MantineAlert","displayName","AlertInformation","withProps","color","icon","InfoToken","Information","size","vars","root","AlertAdvice","Advice","AlertSuccess","Success","AlertWarning","Warning","AlertCritical","Error","Critical"],"mappings":";;;;+BA4BaA;;;eAAAA;;;;;;oBApBN;yBAEiB;AAkBjB,IAAMA,QAAQC,IAAAA,wBAAkB,EAAuB,SAACC,OAAOC;yBAAQ,qBAACC,WAAY,8CAAKF;QAAOC,KAAKA;;;AAC5GH,MAAMK,WAAW,GAAG;AAEpB,IAAMC,mBAAmBN,MAAMO,SAAS,CAAC;IACrCC,OAAO;IACPC,oBAAM,qBAACC,oBAAS,CAACC,WAAW;QAACC,MAAK;;IAClCC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ;;AACJ;AACCR,iBAAmCD,WAAW,GAAG;AAElD,IAAMU,cAAcf,MAAMO,SAAS,CAAC;IAChCE,oBAAM,qBAACC,oBAAS,CAACM,MAAM;QAACJ,MAAK;;IAC7BC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ;;AACJ;AACCC,YAA8BV,WAAW,GAAG;AAE7C,IAAMY,eAAejB,MAAMO,SAAS,CAAC;IACjCE,oBAAM,qBAACC,oBAAS,CAACQ,OAAO;QAACN,MAAK;;IAC9BC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ;;AACJ;AACCG,aAA+BZ,WAAW,GAAG;AAE9C,IAAMc,eAAenB,MAAMO,SAAS,CAAC;IACjCC,OAAO;IACPC,oBAAM,qBAACC,oBAAS,CAACU,OAAO;QAACR,MAAK;;IAC9BC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ;;AACJ;AACCK,aAA+Bd,WAAW,GAAG;AAE9C,IAAMgB,gBAAgBrB,MAAMO,SAAS,CAAC;IAClCE,oBAAM,qBAACC,oBAAS,CAACY,KAAK;QAACV,MAAK;;IAC5BC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ;;AACJ;AACCO,cAAgChB,WAAW,GAAG;AAE/CL,MAAMW,WAAW,GAAGL;AACpBN,MAAMgB,MAAM,GAAGD;AACff,MAAMoB,OAAO,GAAGD;AAChBnB,MAAMuB,QAAQ,GAAGF;AACjBrB,MAAMkB,OAAO,GAAGD"}
+{"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 {type ComponentType} from 'react';\nimport {InfoToken} from '../InfoToken/InfoToken.js';\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        Success: typeof AlertSuccess;\n    };\n}>;\n\nexport const Alert = polymorphicFactory<AlertOverloadFactory>((props, ref) => <MantineAlert {...props} ref={ref} />);\nAlert.displayName = 'Alert';\n\nconst AlertInformation = Alert.withProps({\n    icon: <InfoToken.Information size=\"md\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-blue-filled)',\n            '--alert-bg': 'var(--mantine-color-blue-light)',\n            '--alert-bd': '2px solid var(--mantine-color-blue-light)',\n            '--alert-radius': 'var(--mantine-radius-sm)',\n        },\n    }),\n});\n(AlertInformation as ComponentType).displayName = 'Alert.Information';\n\nconst AlertAdvice = Alert.withProps({\n    icon: <InfoToken.Advice size=\"md\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-violet-filled)',\n            '--alert-bg': 'var(--mantine-color-violet-light)',\n            '--alert-bd': '2px solid var(--mantine-color-violet-light)',\n            '--alert-radius': 'var(--mantine-radius-sm)',\n        },\n    }),\n});\n(AlertAdvice as ComponentType).displayName = 'Alert.Advice';\n\nconst AlertSuccess = Alert.withProps({\n    icon: <InfoToken.Success size=\"md\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-green-filled)',\n            '--alert-bg': 'var(--mantine-color-green-light)',\n            '--alert-bd': '2px solid var(--mantine-color-green-light)',\n            '--alert-radius': 'var(--mantine-radius-sm)',\n        },\n    }),\n});\n(AlertSuccess as ComponentType).displayName = 'Alert.Success';\n\nconst AlertWarning = Alert.withProps({\n    icon: <InfoToken.Warning size=\"md\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-yellow-text)',\n            '--alert-bg': 'var(--mantine-color-yellow-light)',\n            '--alert-bd': '2px solid var(--mantine-color-yellow-light)',\n            '--alert-radius': 'var(--mantine-radius-sm)',\n        },\n    }),\n});\n(AlertWarning as ComponentType).displayName = 'Alert.Warning';\n\nconst AlertCritical = Alert.withProps({\n    icon: <InfoToken.Error size=\"md\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-error)',\n            '--alert-bg': 'var(--mantine-color-red-light)',\n            '--alert-bd': '2px solid var(--mantine-color-red-light)',\n            '--alert-radius': 'var(--mantine-radius-sm)',\n        },\n    }),\n});\n(AlertCritical as ComponentType).displayName = 'Alert.Critical';\n\nAlert.Information = AlertInformation;\nAlert.Advice = AlertAdvice;\nAlert.Warning = AlertWarning;\nAlert.Critical = AlertCritical;\nAlert.Success = AlertSuccess;\n"],"names":["Alert","polymorphicFactory","props","ref","MantineAlert","displayName","AlertInformation","withProps","icon","InfoToken","Information","size","vars","root","AlertAdvice","Advice","AlertSuccess","Success","AlertWarning","Warning","AlertCritical","Error","Critical"],"mappings":";;;;+BA4BaA;;;eAAAA;;;;;;oBApBN;yBAEiB;AAkBjB,IAAMA,QAAQC,IAAAA,wBAAkB,EAAuB,SAACC,OAAOC;yBAAQ,qBAACC,WAAY,8CAAKF;QAAOC,KAAKA;;;AAC5GH,MAAMK,WAAW,GAAG;AAEpB,IAAMC,mBAAmBN,MAAMO,SAAS,CAAC;IACrCC,oBAAM,qBAACC,oBAAS,CAACC,WAAW;QAACC,MAAK;;IAClCC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ;;AACJ;AACCP,iBAAmCD,WAAW,GAAG;AAElD,IAAMS,cAAcd,MAAMO,SAAS,CAAC;IAChCC,oBAAM,qBAACC,oBAAS,CAACM,MAAM;QAACJ,MAAK;;IAC7BC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ;;AACJ;AACCC,YAA8BT,WAAW,GAAG;AAE7C,IAAMW,eAAehB,MAAMO,SAAS,CAAC;IACjCC,oBAAM,qBAACC,oBAAS,CAACQ,OAAO;QAACN,MAAK;;IAC9BC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ;;AACJ;AACCG,aAA+BX,WAAW,GAAG;AAE9C,IAAMa,eAAelB,MAAMO,SAAS,CAAC;IACjCC,oBAAM,qBAACC,oBAAS,CAACU,OAAO;QAACR,MAAK;;IAC9BC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ;;AACJ;AACCK,aAA+Bb,WAAW,GAAG;AAE9C,IAAMe,gBAAgBpB,MAAMO,SAAS,CAAC;IAClCC,oBAAM,qBAACC,oBAAS,CAACY,KAAK;QAACV,MAAK;;IAC5BC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ;;AACJ;AACCO,cAAgCf,WAAW,GAAG;AAE/CL,MAAMU,WAAW,GAAGJ;AACpBN,MAAMe,MAAM,GAAGD;AACfd,MAAMmB,OAAO,GAAGD;AAChBlB,MAAMsB,QAAQ,GAAGF;AACjBpB,MAAMiB,OAAO,GAAGD"}

package/dist/cjs/components/Header/Header.context.d.ts

@@ -1,7 +1,8 @@
 import { GetStylesApi } from '@mantine/core';
-import type { HeaderFactory } from './Header.js';
+import type { HeaderFactory, HeaderVariant } from './Header.js';
 export interface HeaderContextValue {
     getStyles: GetStylesApi<HeaderFactory>;
+    variant: HeaderVariant;
 }
 export declare const HeaderProvider: ({ children, value }: {
     value: HeaderContextValue;

package/dist/cjs/components/Header/Header.context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.context.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/Header.context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAoB,MAAM,eAAe,CAAC;AAC9D,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAE/C,MAAM,WAAW,kBAAkB;IAC/B,SAAS,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;CAC1C;AAED,eAAO,MAAO,cAAc;;;+CAAE,gBAAgB,0BAE7C,CAAC"}
+{"version":3,"file":"Header.context.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/Header.context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAoB,MAAM,eAAe,CAAC;AAC9D,OAAO,KAAK,EAAC,aAAa,EAAE,aAAa,EAAC,MAAM,aAAa,CAAC;AAE9D,MAAM,WAAW,kBAAkB;IAC/B,SAAS,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;IACvC,OAAO,EAAE,aAAa,CAAC;CAC1B;AAED,eAAO,MAAO,cAAc;;;+CAAE,gBAAgB,0BAE7C,CAAC"}

package/dist/cjs/components/Header/Header.context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Header/Header.context.ts"],"sourcesContent":["import {GetStylesApi, createSafeContext} from '@mantine/core';\nimport type {HeaderFactory} from './Header.js';\n\nexport interface HeaderContextValue {\n    getStyles: GetStylesApi<HeaderFactory>;\n}\n\nexport const [HeaderProvider, useHeaderContext] = createSafeContext<HeaderContextValue>(\n    'Header component was not found in tree',\n);\n"],"names":["HeaderProvider","useHeaderContext","createSafeContext"],"mappings":";;;;;;;;;;;QAOcA;eAAAA;;QAAgBC;eAAAA;;;;oBAPgB;IAOIC,wCAAAA,IAAAA,uBAAiB,EAC/D;AADG,IAAOF,iBAAoCE,uBAApBD,mBAAoBC"}
+{"version":3,"sources":["../../../../src/components/Header/Header.context.ts"],"sourcesContent":["import {GetStylesApi, createSafeContext} from '@mantine/core';\nimport type {HeaderFactory, HeaderVariant} from './Header.js';\n\nexport interface HeaderContextValue {\n    getStyles: GetStylesApi<HeaderFactory>;\n    variant: HeaderVariant;\n}\n\nexport const [HeaderProvider, useHeaderContext] = createSafeContext<HeaderContextValue>(\n    'Header component was not found in tree',\n);\n"],"names":["HeaderProvider","useHeaderContext","createSafeContext"],"mappings":";;;;;;;;;;;QAQcA;eAAAA;;QAAgBC;eAAAA;;;;oBARgB;IAQIC,wCAAAA,IAAAA,uBAAiB,EAC/D;AADG,IAAOF,iBAAoCE,uBAApBD,mBAAoBC"}

package/dist/cjs/components/Header/Header.js

@@ -75,7 +75,8 @@ var Header = (0, _core.factory)(function(_props, ref) {
     });
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Headercontext.HeaderProvider, {
         value: {
-            getStyles: getStyles
+            getStyles: getStyles,
+            variant: variant
         },
         children: [
             /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Group, _object_spread_props._(_object_spread._({

package/dist/cjs/components/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Header/Header.tsx"],"sourcesContent":["import {\n    Divider,\n    Factory,\n    Group,\n    GroupProps,\n    Stack,\n    StylesApiProps,\n    Text,\n    Title,\n    factory,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {Children, ElementType, ReactElement, ReactNode} from 'react';\nimport {HeaderProvider} from './Header.context.js';\nimport classes from './Header.module.css';\nimport {\n    HeaderBreadcrumbAnchor,\n    type HeaderBreadcrumbAnchorStyleNames,\n} from './HeaderBreadcrumbs/HeaderBreadcrumbAnchor.js';\nimport {HeaderBreadcrumbs, HeaderBreadcrumbsStyleNames} from './HeaderBreadcrumbs/HeaderBreadcrumbs.js';\nimport {HeaderBreadcrumbText, HeaderBreadcrumbTextStyleNames} from './HeaderBreadcrumbs/HeaderBreadcrumbText.js';\nimport {HeaderDocAnchor, HeaderDocAnchorStyleNames} from './HeaderDocAnchor/HeaderDocAnchor.js';\nimport {HeaderRight, HeaderRightStyleNames} from './HeaderRight/HeaderRight.js';\n\nexport type {HeaderBreadcrumbsProps} from './HeaderBreadcrumbs/HeaderBreadcrumbs.js';\nexport type {HeaderDocAnchorProps} from './HeaderDocAnchor/HeaderDocAnchor.js';\nexport type {HeaderRightProps} from './HeaderRight/HeaderRight.js';\n\nexport type HeaderVariant = 'primary' | 'secondary';\nexport type HeaderStyleNames =\n    | 'root'\n    | 'title'\n    | 'description'\n    | 'divider'\n    | 'body'\n    | HeaderDocAnchorStyleNames\n    | HeaderBreadcrumbsStyleNames\n    | HeaderBreadcrumbAnchorStyleNames\n    | HeaderBreadcrumbTextStyleNames\n    | HeaderRightStyleNames;\n\nexport interface HeaderProps\n    extends\n        StylesApiProps<HeaderFactory>,\n        Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'attributes'> {\n    /**\n     * The description text displayed inside the header underneath the title\n     */\n    description?: ReactNode;\n    /**\n     * Whether the header should have a border on the bottom\n     */\n    borderBottom?: boolean;\n    /**\n     * Use the primary variant for page header and secondary variant elsewhere\n     *\n     * @default 'primary'\n     */\n    variant?: 'primary' | 'secondary';\n    /**\n     * The title of the header.\n     */\n    children: ReactNode;\n    /**\n     * The component used to render the title.\n     *\n     * @default Title\n     * @example 'h2'\n     */\n    titleComponent?: ElementType;\n}\n\nexport type HeaderFactory = Factory<{\n    props: HeaderProps;\n    ref: HTMLDivElement;\n    variant: HeaderVariant;\n    stylesNames: HeaderStyleNames;\n    staticComponents: {\n        Breadcrumbs: typeof HeaderBreadcrumbs;\n        BreadcrumbAnchor: typeof HeaderBreadcrumbAnchor;\n        BreadcrumbText: typeof HeaderBreadcrumbText;\n        Right: typeof HeaderRight;\n        DocAnchor: typeof HeaderDocAnchor;\n    };\n}>;\n\nconst defaultProps: Partial<HeaderProps> = {\n    variant: 'primary',\n    justify: 'space-between',\n    wrap: 'nowrap',\n};\n\nconst getSpacing = (variant: HeaderVariant) => (variant === 'secondary' ? 'xxs' : 'xs');\n\nexport const Header = factory<HeaderFactory>((_props, ref) => {\n    const props = useProps('PlasmaHeader', defaultProps, _props);\n    const {\n        className,\n        description,\n        borderBottom,\n        variant,\n        children,\n        style,\n        classNames,\n        unstyled,\n        vars,\n        styles,\n        titleComponent: TitleComponent,\n        ...others\n    } = props;\n    const getStyles = useStyles<HeaderFactory>({\n        name: 'PlasmaHeader',\n        props,\n        classes,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n        vars,\n    });\n    const stylesApiProps = {classNames, styles};\n\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n    const breadcrumbs = convertedChildren.find((child) => child.type === HeaderBreadcrumbs);\n    const right = convertedChildren.find((child) => child.type === HeaderRight);\n    const docAnchor = convertedChildren.find((child) => child.type === HeaderDocAnchor);\n    const otherChildren = convertedChildren.filter(\n        (child) => child.type !== HeaderBreadcrumbs && child.type !== HeaderRight && child.type !== HeaderDocAnchor,\n    );\n    return (\n        <HeaderProvider value={{getStyles}}>\n            <Group ref={ref} variant={variant} {...getStyles('root')} {...others}>\n                <Stack gap={getSpacing(variant)}>\n                    {breadcrumbs}\n                    <Title\n                        variant={variant}\n                        component={TitleComponent}\n                        order={variant === 'primary' ? 1 : 3}\n                        {...getStyles('title', stylesApiProps)}\n                    >\n                        {otherChildren}\n                        {docAnchor}\n                    </Title>\n                    <Text\n                        component=\"div\"\n                        {...getStyles('description', stylesApiProps)}\n                        size={variant === 'primary' ? 'md' : 'sm'}\n                    >\n                        {description}\n                    </Text>\n                </Stack>\n                {right}\n            </Group>\n            {borderBottom ? <Divider {...getStyles('divider', stylesApiProps)} size=\"xs\" /> : null}\n        </HeaderProvider>\n    );\n});\n\nHeader.displayName = 'Header';\nHeader.Breadcrumbs = HeaderBreadcrumbs;\nHeader.BreadcrumbAnchor = HeaderBreadcrumbAnchor;\nHeader.BreadcrumbText = HeaderBreadcrumbText;\nHeader.Right = HeaderRight;\nHeader.DocAnchor = HeaderDocAnchor;\n"],"names":["Header","defaultProps","variant","justify","wrap","getSpacing","factory","_props","ref","props","useProps","className","description","borderBottom","children","style","classNames","unstyled","vars","styles","titleComponent","TitleComponent","others","getStyles","useStyles","name","classes","stylesApiProps","convertedChildren","Children","toArray","breadcrumbs","find","child","type","HeaderBreadcrumbs","right","HeaderRight","docAnchor","HeaderDocAnchor","otherChildren","filter","HeaderProvider","value","Group","Stack","gap","Title","component","order","Text","size","Divider","displayName","Breadcrumbs","BreadcrumbAnchor","HeaderBreadcrumbAnchor","BreadcrumbText","HeaderBreadcrumbText","Right","DocAnchor"],"mappings":";;;;+BA+FaA;;;eAAAA;;;;;;;;oBAnFN;qBACsD;6BAChC;wEACT;sCAIb;iCACsD;oCACM;+BACV;2BACR;AAgEjD,IAAMC,eAAqC;IACvCC,SAAS;IACTC,SAAS;IACTC,MAAM;AACV;AAEA,IAAMC,aAAa,oBAACH;WAA4BA,YAAY,cAAc,QAAQ;;AAE3E,IAAMF,SAASM,IAAAA,aAAO,EAAgB,SAACC,QAAQC;IAClD,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,gBAAgBT,cAAcM;IACrD,IACII,YAYAF,MAZAE,WACAC,cAWAH,MAXAG,aACAC,eAUAJ,MAVAI,cACAX,UASAO,MATAP,SACAY,WAQAL,MARAK,UACAC,QAOAN,MAPAM,OACAC,aAMAP,MANAO,YACAC,WAKAR,MALAQ,UACAC,OAIAT,MAJAS,MACAC,SAGAV,MAHAU,QACAC,AAAgBC,iBAEhBZ,MAFAW,gBACGE,sCACHb;;;;;;;;;;;;;IACJ,IAAMc,YAAYC,IAAAA,eAAS,EAAgB;QACvCC,MAAM;QACNhB,OAAAA;QACAiB,SAAAA,wBAAO;QACPf,WAAAA;QACAI,OAAAA;QACAC,YAAAA;QACAG,QAAAA;QACAF,UAAAA;QACAC,MAAAA;IACJ;IACA,IAAMS,iBAAiB;QAACX,YAAAA;QAAYG,QAAAA;IAAM;IAE1C,IAAMS,oBAAoBC,eAAQ,CAACC,OAAO,CAAChB;IAC3C,IAAMiB,cAAcH,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB;;IACtF,IAAMC,QAAQR,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKG,wBAAW;;IAC1E,IAAMC,YAAYV,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKK,gCAAe;;IAClF,IAAMC,gBAAgBZ,kBAAkBa,MAAM,CAC1C,SAACR;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB,IAAIF,MAAMC,IAAI,KAAKG,wBAAW,IAAIJ,MAAMC,IAAI,KAAKK,gCAAe;;IAE/G,qBACI,sBAACG,6BAAc;QAACC,OAAO;YAACpB,WAAAA;QAAS;;0BAC7B,sBAACqB,WAAK;gBAACpC,KAAKA;gBAAKN,SAASA;eAAaqB,UAAU,SAAaD;;kCAC1D,sBAACuB,WAAK;wBAACC,KAAKzC,WAAWH;;4BAClB6B;0CACD,sBAACgB,WAAK;gCACF7C,SAASA;gCACT8C,WAAW3B;gCACX4B,OAAO/C,YAAY,YAAY,IAAI;+BAC/BqB,UAAU,SAASI;;oCAEtBa;oCACAF;;;0CAEL,qBAACY,UAAI;gCACDF,WAAU;+BACNzB,UAAU,eAAeI;gCAC7BwB,MAAMjD,YAAY,YAAY,OAAO;0CAEpCU;;;;oBAGRwB;;;YAEJvB,6BAAe,qBAACuC,aAAO,8CAAK7B,UAAU,WAAWI;gBAAiBwB,MAAK;kBAAU;;;AAG9F;AAEAnD,OAAOqD,WAAW,GAAG;AACrBrD,OAAOsD,WAAW,GAAGnB,oCAAiB;AACtCnC,OAAOuD,gBAAgB,GAAGC,8CAAsB;AAChDxD,OAAOyD,cAAc,GAAGC,0CAAoB;AAC5C1D,OAAO2D,KAAK,GAAGtB,wBAAW;AAC1BrC,OAAO4D,SAAS,GAAGrB,gCAAe"}
+{"version":3,"sources":["../../../../src/components/Header/Header.tsx"],"sourcesContent":["import {\n    Divider,\n    Factory,\n    Group,\n    GroupProps,\n    Stack,\n    StylesApiProps,\n    Text,\n    Title,\n    factory,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {Children, ElementType, ReactElement, ReactNode} from 'react';\nimport {HeaderProvider} from './Header.context.js';\nimport classes from './Header.module.css';\nimport {\n    HeaderBreadcrumbAnchor,\n    type HeaderBreadcrumbAnchorStyleNames,\n} from './HeaderBreadcrumbs/HeaderBreadcrumbAnchor.js';\nimport {HeaderBreadcrumbs, HeaderBreadcrumbsStyleNames} from './HeaderBreadcrumbs/HeaderBreadcrumbs.js';\nimport {HeaderBreadcrumbText, HeaderBreadcrumbTextStyleNames} from './HeaderBreadcrumbs/HeaderBreadcrumbText.js';\nimport {HeaderDocAnchor, HeaderDocAnchorStyleNames} from './HeaderDocAnchor/HeaderDocAnchor.js';\nimport {HeaderRight, HeaderRightStyleNames} from './HeaderRight/HeaderRight.js';\n\nexport type {HeaderBreadcrumbsProps} from './HeaderBreadcrumbs/HeaderBreadcrumbs.js';\nexport type {HeaderDocAnchorProps} from './HeaderDocAnchor/HeaderDocAnchor.js';\nexport type {HeaderRightProps} from './HeaderRight/HeaderRight.js';\n\nexport type HeaderVariant = 'primary' | 'secondary';\nexport type HeaderStyleNames =\n    | 'root'\n    | 'title'\n    | 'description'\n    | 'divider'\n    | 'body'\n    | HeaderDocAnchorStyleNames\n    | HeaderBreadcrumbsStyleNames\n    | HeaderBreadcrumbAnchorStyleNames\n    | HeaderBreadcrumbTextStyleNames\n    | HeaderRightStyleNames;\n\nexport interface HeaderProps\n    extends\n        StylesApiProps<HeaderFactory>,\n        Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'attributes'> {\n    /**\n     * The description text displayed inside the header underneath the title\n     */\n    description?: ReactNode;\n    /**\n     * Whether the header should have a border on the bottom\n     */\n    borderBottom?: boolean;\n    /**\n     * Use the primary variant for page header and secondary variant elsewhere\n     *\n     * @default 'primary'\n     */\n    variant?: 'primary' | 'secondary';\n    /**\n     * The title of the header.\n     */\n    children: ReactNode;\n    /**\n     * The component used to render the title.\n     *\n     * @default Title\n     * @example 'h2'\n     */\n    titleComponent?: ElementType;\n}\n\nexport type HeaderFactory = Factory<{\n    props: HeaderProps;\n    ref: HTMLDivElement;\n    variant: HeaderVariant;\n    stylesNames: HeaderStyleNames;\n    staticComponents: {\n        Breadcrumbs: typeof HeaderBreadcrumbs;\n        BreadcrumbAnchor: typeof HeaderBreadcrumbAnchor;\n        BreadcrumbText: typeof HeaderBreadcrumbText;\n        Right: typeof HeaderRight;\n        DocAnchor: typeof HeaderDocAnchor;\n    };\n}>;\n\nconst defaultProps = {\n    variant: 'primary',\n    justify: 'space-between',\n    wrap: 'nowrap',\n} satisfies Partial<HeaderProps>;\n\nconst getSpacing = (variant: HeaderVariant) => (variant === 'secondary' ? 'xxs' : 'xs');\n\nexport const Header = factory<HeaderFactory>((_props, ref) => {\n    const props = useProps('PlasmaHeader', defaultProps, _props);\n    const {\n        className,\n        description,\n        borderBottom,\n        variant,\n        children,\n        style,\n        classNames,\n        unstyled,\n        vars,\n        styles,\n        titleComponent: TitleComponent,\n        ...others\n    } = props;\n    const getStyles = useStyles<HeaderFactory>({\n        name: 'PlasmaHeader',\n        props,\n        classes,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n        vars,\n    });\n    const stylesApiProps = {classNames, styles};\n\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n    const breadcrumbs = convertedChildren.find((child) => child.type === HeaderBreadcrumbs);\n    const right = convertedChildren.find((child) => child.type === HeaderRight);\n    const docAnchor = convertedChildren.find((child) => child.type === HeaderDocAnchor);\n    const otherChildren = convertedChildren.filter(\n        (child) => child.type !== HeaderBreadcrumbs && child.type !== HeaderRight && child.type !== HeaderDocAnchor,\n    );\n    return (\n        <HeaderProvider value={{getStyles, variant}}>\n            <Group ref={ref} variant={variant} {...getStyles('root')} {...others}>\n                <Stack gap={getSpacing(variant)}>\n                    {breadcrumbs}\n                    <Title\n                        variant={variant}\n                        component={TitleComponent}\n                        order={variant === 'primary' ? 1 : 3}\n                        {...getStyles('title', stylesApiProps)}\n                    >\n                        {otherChildren}\n                        {docAnchor}\n                    </Title>\n                    <Text\n                        component=\"div\"\n                        {...getStyles('description', stylesApiProps)}\n                        size={variant === 'primary' ? 'md' : 'sm'}\n                    >\n                        {description}\n                    </Text>\n                </Stack>\n                {right}\n            </Group>\n            {borderBottom ? <Divider {...getStyles('divider', stylesApiProps)} size=\"xs\" /> : null}\n        </HeaderProvider>\n    );\n});\n\nHeader.displayName = 'Header';\nHeader.Breadcrumbs = HeaderBreadcrumbs;\nHeader.BreadcrumbAnchor = HeaderBreadcrumbAnchor;\nHeader.BreadcrumbText = HeaderBreadcrumbText;\nHeader.Right = HeaderRight;\nHeader.DocAnchor = HeaderDocAnchor;\n"],"names":["Header","defaultProps","variant","justify","wrap","getSpacing","factory","_props","ref","props","useProps","className","description","borderBottom","children","style","classNames","unstyled","vars","styles","titleComponent","TitleComponent","others","getStyles","useStyles","name","classes","stylesApiProps","convertedChildren","Children","toArray","breadcrumbs","find","child","type","HeaderBreadcrumbs","right","HeaderRight","docAnchor","HeaderDocAnchor","otherChildren","filter","HeaderProvider","value","Group","Stack","gap","Title","component","order","Text","size","Divider","displayName","Breadcrumbs","BreadcrumbAnchor","HeaderBreadcrumbAnchor","BreadcrumbText","HeaderBreadcrumbText","Right","DocAnchor"],"mappings":";;;;+BA+FaA;;;eAAAA;;;;;;;;oBAnFN;qBACsD;6BAChC;wEACT;sCAIb;iCACsD;oCACM;+BACV;2BACR;AAgEjD,IAAMC,eAAe;IACjBC,SAAS;IACTC,SAAS;IACTC,MAAM;AACV;AAEA,IAAMC,aAAa,oBAACH;WAA4BA,YAAY,cAAc,QAAQ;;AAE3E,IAAMF,SAASM,IAAAA,aAAO,EAAgB,SAACC,QAAQC;IAClD,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,gBAAgBT,cAAcM;IACrD,IACII,YAYAF,MAZAE,WACAC,cAWAH,MAXAG,aACAC,eAUAJ,MAVAI,cACAX,UASAO,MATAP,SACAY,WAQAL,MARAK,UACAC,QAOAN,MAPAM,OACAC,aAMAP,MANAO,YACAC,WAKAR,MALAQ,UACAC,OAIAT,MAJAS,MACAC,SAGAV,MAHAU,QACAC,AAAgBC,iBAEhBZ,MAFAW,gBACGE,sCACHb;;;;;;;;;;;;;IACJ,IAAMc,YAAYC,IAAAA,eAAS,EAAgB;QACvCC,MAAM;QACNhB,OAAAA;QACAiB,SAAAA,wBAAO;QACPf,WAAAA;QACAI,OAAAA;QACAC,YAAAA;QACAG,QAAAA;QACAF,UAAAA;QACAC,MAAAA;IACJ;IACA,IAAMS,iBAAiB;QAACX,YAAAA;QAAYG,QAAAA;IAAM;IAE1C,IAAMS,oBAAoBC,eAAQ,CAACC,OAAO,CAAChB;IAC3C,IAAMiB,cAAcH,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB;;IACtF,IAAMC,QAAQR,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKG,wBAAW;;IAC1E,IAAMC,YAAYV,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKK,gCAAe;;IAClF,IAAMC,gBAAgBZ,kBAAkBa,MAAM,CAC1C,SAACR;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB,IAAIF,MAAMC,IAAI,KAAKG,wBAAW,IAAIJ,MAAMC,IAAI,KAAKK,gCAAe;;IAE/G,qBACI,sBAACG,6BAAc;QAACC,OAAO;YAACpB,WAAAA;YAAWrB,SAAAA;QAAO;;0BACtC,sBAAC0C,WAAK;gBAACpC,KAAKA;gBAAKN,SAASA;eAAaqB,UAAU,SAAaD;;kCAC1D,sBAACuB,WAAK;wBAACC,KAAKzC,WAAWH;;4BAClB6B;0CACD,sBAACgB,WAAK;gCACF7C,SAASA;gCACT8C,WAAW3B;gCACX4B,OAAO/C,YAAY,YAAY,IAAI;+BAC/BqB,UAAU,SAASI;;oCAEtBa;oCACAF;;;0CAEL,qBAACY,UAAI;gCACDF,WAAU;+BACNzB,UAAU,eAAeI;gCAC7BwB,MAAMjD,YAAY,YAAY,OAAO;0CAEpCU;;;;oBAGRwB;;;YAEJvB,6BAAe,qBAACuC,aAAO,8CAAK7B,UAAU,WAAWI;gBAAiBwB,MAAK;kBAAU;;;AAG9F;AAEAnD,OAAOqD,WAAW,GAAG;AACrBrD,OAAOsD,WAAW,GAAGnB,oCAAiB;AACtCnC,OAAOuD,gBAAgB,GAAGC,8CAAsB;AAChDxD,OAAOyD,cAAc,GAAGC,0CAAoB;AAC5C1D,OAAO2D,KAAK,GAAGtB,wBAAW;AAC1BrC,OAAO4D,SAAS,GAAGrB,gCAAe"}

package/dist/cjs/components/Header/Header.module.css

@@ -16,5 +16,4 @@
 
 .docAnchor {
     margin-left: var(--mantine-spacing-xs);
-    vertical-align: middle;
 }

package/dist/cjs/components/Header/HeaderDocAnchor/HeaderDocAnchor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderDocAnchor.d.ts","sourceRoot":"","sources":["../../../../../src/components/Header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,WAAW,EACX,sBAAsB,EACtB,OAAO,EAEP,YAAY,EAGf,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAIhC,MAAM,MAAM,yBAAyB,GAAG,kBAAkB,GAAG,WAAW,CAAC;AAEzE,MAAM,WAAW,oBACb,SACI,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,EAC9B,sBAAsB,CAAC,sBAAsB,CAAC,EAC9C,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;IACnE;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC;IACzC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,yBAAyB,CAAC;IACvC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAOH,eAAO,MAAM,eAAe;WAXjB,oBAAoB;SACtB,iBAAiB;iBACT,yBAAyB;cAC5B,IAAI;EAgChB,CAAC"}
+{"version":3,"file":"HeaderDocAnchor.d.ts","sourceRoot":"","sources":["../../../../../src/components/Header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAE,sBAAsB,EAAE,OAAO,EAAW,YAAY,EAAoB,MAAM,eAAe,CAAC;AACrH,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAIhC,MAAM,MAAM,yBAAyB,GAAG,kBAAkB,GAAG,WAAW,CAAC;AAEzE,MAAM,WAAW,oBACb,SACI,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,EAC9B,sBAAsB,CAAC,sBAAsB,CAAC,EAC9C,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;IACnE;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC;IACzC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,yBAAyB,CAAC;IACvC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAOH,eAAO,MAAM,eAAe;WAXjB,oBAAoB;SACtB,iBAAiB;iBACT,yBAAyB;cAC5B,IAAI;EAmChB,CAAC"}

package/dist/cjs/components/Header/HeaderDocAnchor/HeaderDocAnchor.js

@@ -12,16 +12,17 @@ var _object_spread = require("@swc/helpers/_/_object_spread");
 var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
 var _jsxruntime = require("react/jsx-runtime");
+var _plasmareacticons = require("@coveord/plasma-react-icons");
 var _core = require("@mantine/core");
-var _InfoToken = require("../../InfoToken/InfoToken.js");
+var _ActionIcon = require("../../ActionIcon/ActionIcon.js");
 var _Headercontext = require("../Header.context.js");
 var defaultProps = {
     position: 'right',
-    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InfoToken.InfoToken.Question, {})
+    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.IconExternalLink, {})
 };
 var HeaderDocAnchor = (0, _core.factory)(function(_props, ref) {
     var props = (0, _core.useProps)('PlasmaHeaderActions', defaultProps, _props);
-    var className = props.className, classNames = props.classNames, styles = props.styles, style = props.style, children = props.children, label = props.label, position = props.position, vars = props.vars, others = _object_without_properties._(props, [
+    var className = props.className, classNames = props.classNames, styles = props.styles, style = props.style, children = props.children, label = props.label, position = props.position, vars = props.vars, size = props.size, others = _object_without_properties._(props, [
         "className",
         "classNames",
         "styles",
@@ -29,7 +30,8 @@ var HeaderDocAnchor = (0, _core.factory)(function(_props, ref) {
         "children",
         "label",
         "position",
-        "vars"
+        "vars",
+        "size"
     ]);
     var ctx = (0, _Headercontext.useHeaderContext)();
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Tooltip, {
@@ -43,10 +45,13 @@ var HeaderDocAnchor = (0, _core.factory)(function(_props, ref) {
                 props: props
             }).className
         },
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Anchor, _object_spread_props._(_object_spread._({
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionIcon.ActionIcon.Tertiary, _object_spread_props._(_object_spread._({
             ref: ref,
-            inline: true,
-            target: "_blank"
+            size: ctx.variant === 'primary' ? 'lg' : 'md',
+            component: "a",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            "aria-label": "external"
         }, ctx.getStyles('docAnchor', {
             classNames: classNames,
             styles: styles,

package/dist/cjs/components/Header/HeaderDocAnchor/HeaderDocAnchor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"sourcesContent":["import {\n    Anchor,\n    AnchorProps,\n    CompoundStylesApiProps,\n    Factory,\n    Tooltip,\n    TooltipProps,\n    factory,\n    useProps,\n} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {InfoToken} from '../../InfoToken/InfoToken.js';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport type HeaderDocAnchorStyleNames = 'docAnchorTooltip' | 'docAnchor';\n\nexport interface HeaderDocAnchorProps\n    extends\n        Pick<TooltipProps, 'position'>,\n        CompoundStylesApiProps<HeaderDocAnchorFactory>,\n        Omit<AnchorProps, 'classNames' | 'styles' | 'variant' | 'vars'> {\n    /**\n     * A href pointing to documentation related to the current panel.\n     * When provided, an info icon is rendered next to the title as link to this documentation\n     */\n    href: string;\n    /**\n     * The tooltip text shown when hovering over the doc link icon\n     */\n    label?: ReactNode;\n    /**\n     * React component to add the tooltip and anchor on\n     */\n    children?: ReactNode;\n}\n\nexport type HeaderDocAnchorFactory = Factory<{\n    props: HeaderDocAnchorProps;\n    ref: HTMLAnchorElement;\n    stylesNames: HeaderDocAnchorStyleNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<HeaderDocAnchorProps> = {\n    position: 'right',\n    children: <InfoToken.Question />,\n};\n\nexport const HeaderDocAnchor = factory<HeaderDocAnchorFactory>((_props, ref) => {\n    const props = useProps('PlasmaHeaderActions', defaultProps, _props);\n    const {className, classNames, styles, style, children, label, position, vars, ...others} = props;\n\n    const ctx = useHeaderContext();\n\n    return (\n        <Tooltip\n            label={label}\n            disabled={!label}\n            position={position}\n            classNames={{tooltip: ctx.getStyles('docAnchorTooltip', {classNames, styles, props}).className}}\n        >\n            <Anchor\n                ref={ref}\n                inline\n                target=\"_blank\"\n                {...ctx.getStyles('docAnchor', {classNames, styles, props, style, className})}\n                {...others}\n            >\n                {children}\n            </Anchor>\n        </Tooltip>\n    );\n});\n\nHeaderDocAnchor.displayName = 'Header.DocAnchor';\n"],"names":["HeaderDocAnchor","defaultProps","position","children","InfoToken","Question","factory","_props","ref","props","useProps","className","classNames","styles","style","label","vars","others","ctx","useHeaderContext","Tooltip","disabled","tooltip","getStyles","Anchor","inline","target","displayName"],"mappings":";;;;+BAgDaA;;;eAAAA;;;;;;;oBAvCN;yBAEiB;6BACO;AA+B/B,IAAMC,eAA8C;IAChDC,UAAU;IACVC,wBAAU,qBAACC,oBAAS,CAACC,QAAQ;AACjC;AAEO,IAAML,kBAAkBM,IAAAA,aAAO,EAAyB,SAACC,QAAQC;IACpE,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,uBAAuBT,cAAcM;IAC5D,IAAOI,YAAoFF,MAApFE,WAAWC,aAAyEH,MAAzEG,YAAYC,SAA6DJ,MAA7DI,QAAQC,QAAqDL,MAArDK,OAAOX,WAA8CM,MAA9CN,UAAUY,QAAoCN,MAApCM,OAAOb,WAA6BO,MAA7BP,UAAUc,OAAmBP,MAAnBO,MAASC,sCAAUR;;;;;;;;;;IAE3F,IAAMS,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,aAAO;QACJL,OAAOA;QACPM,UAAU,CAACN;QACXb,UAAUA;QACVU,YAAY;YAACU,SAASJ,IAAIK,SAAS,CAAC,oBAAoB;gBAACX,YAAAA;gBAAYC,QAAAA;gBAAQJ,OAAAA;YAAK,GAAGE,SAAS;QAAA;kBAE9F,cAAA,qBAACa,YAAM;YACHhB,KAAKA;YACLiB,MAAM;YACNC,QAAO;WACHR,IAAIK,SAAS,CAAC,aAAa;YAACX,YAAAA;YAAYC,QAAAA;YAAQJ,OAAAA;YAAOK,OAAAA;YAAOH,WAAAA;QAAS,IACvEM;sBAEHd;;;AAIjB;AAEAH,gBAAgB2B,WAAW,GAAG"}
+{"version":3,"sources":["../../../../../src/components/Header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"sourcesContent":["import {IconExternalLink} from '@coveord/plasma-react-icons';\nimport {AnchorProps, CompoundStylesApiProps, Factory, Tooltip, TooltipProps, factory, useProps} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {ActionIcon} from '../../ActionIcon/ActionIcon.js';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport type HeaderDocAnchorStyleNames = 'docAnchorTooltip' | 'docAnchor';\n\nexport interface HeaderDocAnchorProps\n    extends\n        Pick<TooltipProps, 'position'>,\n        CompoundStylesApiProps<HeaderDocAnchorFactory>,\n        Omit<AnchorProps, 'classNames' | 'styles' | 'variant' | 'vars'> {\n    /**\n     * A href pointing to documentation related to the current panel.\n     * When provided, an info icon is rendered next to the title as link to this documentation\n     */\n    href: string;\n    /**\n     * The tooltip text shown when hovering over the doc link icon\n     */\n    label?: ReactNode;\n    /**\n     * React component to add the tooltip and anchor on\n     */\n    children?: ReactNode;\n}\n\nexport type HeaderDocAnchorFactory = Factory<{\n    props: HeaderDocAnchorProps;\n    ref: HTMLAnchorElement;\n    stylesNames: HeaderDocAnchorStyleNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<HeaderDocAnchorProps> = {\n    position: 'right',\n    children: <IconExternalLink />,\n};\n\nexport const HeaderDocAnchor = factory<HeaderDocAnchorFactory>((_props, ref) => {\n    const props = useProps('PlasmaHeaderActions', defaultProps, _props);\n    const {className, classNames, styles, style, children, label, position, vars, size, ...others} = props;\n\n    const ctx = useHeaderContext();\n\n    return (\n        <Tooltip\n            label={label}\n            disabled={!label}\n            position={position}\n            classNames={{tooltip: ctx.getStyles('docAnchorTooltip', {classNames, styles, props}).className}}\n        >\n            <ActionIcon.Tertiary\n                ref={ref}\n                size={ctx.variant === 'primary' ? 'lg' : 'md'}\n                component=\"a\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                aria-label=\"external\"\n                {...ctx.getStyles('docAnchor', {classNames, styles, props, style, className})}\n                {...others}\n            >\n                {children}\n            </ActionIcon.Tertiary>\n        </Tooltip>\n    );\n});\n\nHeaderDocAnchor.displayName = 'Header.DocAnchor';\n"],"names":["HeaderDocAnchor","defaultProps","position","children","IconExternalLink","factory","_props","ref","props","useProps","className","classNames","styles","style","label","vars","size","others","ctx","useHeaderContext","Tooltip","disabled","tooltip","getStyles","ActionIcon","Tertiary","variant","component","target","rel","aria-label","displayName"],"mappings":";;;;+BAwCaA;;;eAAAA;;;;;;;gCAxCkB;oBACsE;0BAE5E;6BACM;AA+B/B,IAAMC,eAA8C;IAChDC,UAAU;IACVC,wBAAU,qBAACC,kCAAgB;AAC/B;AAEO,IAAMJ,kBAAkBK,IAAAA,aAAO,EAAyB,SAACC,QAAQC;IACpE,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,uBAAuBR,cAAcK;IAC5D,IAAOI,YAA0FF,MAA1FE,WAAWC,aAA+EH,MAA/EG,YAAYC,SAAmEJ,MAAnEI,QAAQC,QAA2DL,MAA3DK,OAAOV,WAAoDK,MAApDL,UAAUW,QAA0CN,MAA1CM,OAAOZ,WAAmCM,MAAnCN,UAAUa,OAAyBP,MAAzBO,MAAMC,OAAmBR,MAAnBQ,MAASC,sCAAUT;;;;;;;;;;;IAEjG,IAAMU,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,aAAO;QACJN,OAAOA;QACPO,UAAU,CAACP;QACXZ,UAAUA;QACVS,YAAY;YAACW,SAASJ,IAAIK,SAAS,CAAC,oBAAoB;gBAACZ,YAAAA;gBAAYC,QAAAA;gBAAQJ,OAAAA;YAAK,GAAGE,SAAS;QAAA;kBAE9F,cAAA,qBAACc,sBAAU,CAACC,QAAQ;YAChBlB,KAAKA;YACLS,MAAME,IAAIQ,OAAO,KAAK,YAAY,OAAO;YACzCC,WAAU;YACVC,QAAO;YACPC,KAAI;YACJC,cAAW;WACPZ,IAAIK,SAAS,CAAC,aAAa;YAACZ,YAAAA;YAAYC,QAAAA;YAAQJ,OAAAA;YAAOK,OAAAA;YAAOH,WAAAA;QAAS,IACvEO;sBAEHd;;;AAIjB;AAEAH,gBAAgB+B,WAAW,GAAG"}

package/dist/cjs/components/InfoToken/InfoToken.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfoToken.d.ts","sourceRoot":"","sources":["../../../../src/components/InfoToken/InfoToken.tsx"],"names":[],"mappings":"AASA,OAAO,EAEH,QAAQ,EAGR,OAAO,EACP,yBAAyB,EAEzB,cAAc,EAGjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAa,iBAAiB,EAAE,YAAY,EAAC,MAAM,OAAO,CAAC;AAGlE,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,sBAAsB,CAAC;IAC9B,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,6BAA6B,CAAC;IAC3C,IAAI,EAAE,qBAAqB,CAAC;IAC5B,OAAO,EAAE,gBAAgB,CAAC;CAC7B,CAAC,CAAC;AACH,MAAM,MAAM,6BAA6B,GAAG,MAAM,CAAC;AACnD,MAAM,MAAM,aAAa,GAAG,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC;AACpG,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACvD,MAAM,MAAM,qBAAqB,GAAG;IAChC,IAAI,EAAE,YAAY,GAAG,SAAS,CAAC;CAClC,CAAC;AAEF,UAAU,sBAAuB,SAAQ,QAAQ,EAAE,cAAc,CAAC,gBAAgB,CAAC;IAC/E;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B;;;;OAIG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;AAElE,KAAK,0BAA0B,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,KAAK,EAAE,yBAAyB,CAAC,CAAC,EAAE,cAAc,CAAC,KAAK,YAAY,CAAC,GAChH,IAAI,CAAC,iBAAiB,CAAC,yBAAyB,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AA2HnF,eAAO,MAAM,SAAS;;;;;;;CAOZ,CAAC"}
+{"version":3,"file":"InfoToken.d.ts","sourceRoot":"","sources":["../../../../src/components/InfoToken/InfoToken.tsx"],"names":[],"mappings":"AASA,OAAO,EAEH,QAAQ,EAGR,OAAO,EACP,yBAAyB,EAEzB,cAAc,EAGjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAa,iBAAiB,EAAE,YAAY,EAAC,MAAM,OAAO,CAAC;AAGlE,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,sBAAsB,CAAC;IAC9B,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,6BAA6B,CAAC;IAC3C,IAAI,EAAE,qBAAqB,CAAC;IAC5B,OAAO,EAAE,gBAAgB,CAAC;CAC7B,CAAC,CAAC;AACH,MAAM,MAAM,6BAA6B,GAAG,MAAM,CAAC;AACnD,MAAM,MAAM,aAAa,GAAG,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC;AACpG,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACvD,MAAM,MAAM,qBAAqB,GAAG;IAChC,IAAI,EAAE,YAAY,GAAG,SAAS,CAAC;CAClC,CAAC;AAEF,UAAU,sBAAuB,SAAQ,QAAQ,EAAE,cAAc,CAAC,gBAAgB,CAAC;IAC/E;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B;;;;OAIG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;AAElE,KAAK,0BAA0B,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,KAAK,EAAE,yBAAyB,CAAC,CAAC,EAAE,cAAc,CAAC,KAAK,YAAY,CAAC,GAChH,IAAI,CAAC,iBAAiB,CAAC,yBAAyB,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AA6HnF,eAAO,MAAM,SAAS;;;;;;;CAOZ,CAAC"}

package/dist/cjs/components/InfoToken/InfoToken.js

@@ -26,14 +26,15 @@ var colorResolver = function colorResolver(type) {
     switch(type){
         case 'error':
             return 'var(--mantine-color-error)';
+        case 'information':
+            return 'var(--mantine-color-blue-text)';
         case 'advice':
-        case 'question':
-            return 'var(--coveo-color-text-primary)';
+            return 'var(--mantine-color-violet-text)';
         case 'warning':
             return 'var(--mantine-color-yellow-text)';
         case 'success':
             return 'var(--mantine-color-green-text)';
-        case 'information':
+        case 'question':
         default:
             return 'var(--mantine-color-gray-text)';
     }
@@ -42,14 +43,15 @@ var bgColorResolver = function bgColorResolver(type) {
     switch(type){
         case 'error':
             return 'var(--mantine-color-red-light)';
+        case 'information':
+            return 'var(--mantine-color-blue-light)';
         case 'advice':
-        case 'question':
-            return 'var(--mantine-primary-color-light)';
+            return 'var(--mantine-color-violet-light)';
         case 'warning':
             return 'var(--mantine-color-yellow-light)';
         case 'success':
             return 'var(--mantine-color-green-light)';
-        case 'information':
+        case 'question':
         default:
             return 'var(--mantine-color-gray-light)';
     }

package/dist/cjs/components/InfoToken/InfoToken.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/InfoToken/InfoToken.tsx"],"sourcesContent":["import {\n    IconAlertSquare,\n    IconAlertTriangle,\n    IconBulb,\n    IconCheck,\n    IconHelpCircle,\n    IconInfoCircle,\n    TablerIcon,\n} from '@coveord/plasma-react-icons';\nimport {\n    Box,\n    BoxProps,\n    createPolymorphicComponent,\n    createVarsResolver,\n    Factory,\n    PolymorphicComponentProps,\n    polymorphicFactory,\n    StylesApiProps,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {forwardRef, FunctionComponent, ReactElement} from 'react';\nimport classes from './InfoToken.module.css';\n\nexport type InfoTokenFactory = Factory<{\n    props: InfoTokenInternalProps;\n    defaultRef: HTMLDivElement;\n    defaultComponent: 'div';\n    stylesNames: InfoTokenComponentStylesNames;\n    vars: InfoTokenCssVariables;\n    variant: InfoTokenVariant;\n}>;\nexport type InfoTokenComponentStylesNames = 'root';\nexport type InfoTokenType = 'information' | 'advice' | 'warning' | 'error' | 'question' | 'success';\nexport type InfoTokenVariant = 'outline' | 'light';\nexport type InfoTokenSizes = 'xs' | 'sm' | 'md' | 'lg';\nexport type InfoTokenCssVariables = {\n    root: '--it-color' | '--it-bg';\n};\n\ninterface InfoTokenInternalProps extends BoxProps, StylesApiProps<InfoTokenFactory> {\n    /**\n     * The variant of the token.\n     *\n     * @default 'outline'\n     */\n    variant?: InfoTokenVariant;\n    /**\n     * The semantic type of the token\n     *\n     * @default 'information'\n     */\n    type?: InfoTokenType;\n    /**\n     * The size of the info token.\n     *\n     * @default 'xs'\n     */\n    size?: InfoTokenSizes;\n}\n\nexport type InfoTokenProps = Omit<InfoTokenInternalProps, 'type'>;\n\ntype InfoTokenCompoundComponent = (<C = 'div'>(props: PolymorphicComponentProps<C, InfoTokenProps>) => ReactElement) &\n    Omit<FunctionComponent<PolymorphicComponentProps<any, InfoTokenProps>>, never>;\n\nconst defaultProps: Partial<InfoTokenInternalProps> = {variant: 'outline', type: 'information', size: 'xs'};\n\nconst colorResolver = (type: InfoTokenType): string => {\n    switch (type) {\n        case 'error':\n            return 'var(--mantine-color-error)';\n        case 'advice':\n        case 'question':\n            return 'var(--coveo-color-text-primary)';\n        case 'warning':\n            return 'var(--mantine-color-yellow-text)';\n        case 'success':\n            return 'var(--mantine-color-green-text)';\n        case 'information':\n        default:\n            return 'var(--mantine-color-gray-text)';\n    }\n};\n\nconst bgColorResolver = (type: InfoTokenType): string => {\n    switch (type) {\n        case 'error':\n            return 'var(--mantine-color-red-light)';\n        case 'advice':\n        case 'question':\n            return 'var(--mantine-primary-color-light)';\n        case 'warning':\n            return 'var(--mantine-color-yellow-light)';\n        case 'success':\n            return 'var(--mantine-color-green-light)';\n        case 'information':\n        default:\n            return 'var(--mantine-color-gray-light)';\n    }\n};\n\nconst sizeResolver = (size: InfoTokenSizes): number => {\n    switch (size) {\n        case 'sm':\n            return 20;\n        case 'md':\n            return 24;\n        case 'lg':\n            return 32;\n        case 'xs':\n        default:\n            return 16;\n    }\n};\n\nconst iconResolver = (type: InfoTokenType): TablerIcon => {\n    switch (type) {\n        case 'error':\n            return IconAlertSquare;\n        case 'question':\n            return IconHelpCircle;\n        case 'warning':\n            return IconAlertTriangle;\n        case 'advice':\n            return IconBulb;\n        case 'success':\n            return IconCheck;\n        default:\n            return IconInfoCircle;\n    }\n};\n\nconst varsResolver = createVarsResolver<InfoTokenFactory>((_theme, {type}) => {\n    const color = colorResolver(type);\n    const bgColor = bgColorResolver(type);\n    return {\n        root: {\n            '--it-color': color,\n            '--it-bg': bgColor,\n        },\n    };\n});\n\nconst _InfoToken = polymorphicFactory<InfoTokenFactory>((_props, ref) => {\n    const props = useProps('InfoToken', defaultProps, _props);\n    const {variant, type, vars, className, style, unstyled, styles, classNames, size, ...others} = props;\n    const getStyles = useStyles<InfoTokenFactory>({\n        name: 'InfoToken',\n        classes,\n        className,\n        props,\n        style,\n        styles,\n        unstyled,\n        vars,\n        varsResolver,\n    });\n    const IconComponent = iconResolver(type);\n    return (\n        <Box\n            ref={ref}\n            variant={variant}\n            role=\"img\"\n            aria-label={type}\n            size={size}\n            {...getStyles('root', {\n                className,\n                style,\n                styles,\n                classNames,\n            })}\n            {...others}\n        >\n            <IconComponent size={sizeResolver(size)} />\n        </Box>\n    );\n});\n\nconst createInfoTokenCompound = (type: InfoTokenType, displayName: string): InfoTokenCompoundComponent => {\n    const Component: InfoTokenCompoundComponent = createPolymorphicComponent<'div', InfoTokenProps>(\n        forwardRef<any, InfoTokenProps>((props, ref) => <_InfoToken ref={ref} {...props} type={type} />),\n    );\n    Component.displayName = displayName;\n    return Component;\n};\n\nexport const InfoToken = {\n    Information: createInfoTokenCompound('information', 'InfoToken.Information'),\n    Advice: createInfoTokenCompound('advice', 'InfoToken.Advice'),\n    Warning: createInfoTokenCompound('warning', 'InfoToken.Warning'),\n    Error: createInfoTokenCompound('error', 'InfoToken.Error'),\n    Question: createInfoTokenCompound('question', 'InfoToken.Question'),\n    Success: createInfoTokenCompound('success', 'InfoToken.Success'),\n} as const;\n"],"names":["InfoToken","defaultProps","variant","type","size","colorResolver","bgColorResolver","sizeResolver","iconResolver","IconAlertSquare","IconHelpCircle","IconAlertTriangle","IconBulb","IconCheck","IconInfoCircle","varsResolver","createVarsResolver","_theme","color","bgColor","root","_InfoToken","polymorphicFactory","_props","ref","props","useProps","vars","className","style","unstyled","styles","classNames","others","getStyles","useStyles","name","classes","IconComponent","Box","role","aria-label","createInfoTokenCompound","displayName","Component","createPolymorphicComponent","forwardRef","Information","Advice","Warning","Error","Question","Success"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/InfoToken/InfoToken.tsx"],"sourcesContent":["import {\n    IconAlertSquare,\n    IconAlertTriangle,\n    IconBulb,\n    IconCheck,\n    IconHelpCircle,\n    IconInfoCircle,\n    TablerIcon,\n} from '@coveord/plasma-react-icons';\nimport {\n    Box,\n    BoxProps,\n    createPolymorphicComponent,\n    createVarsResolver,\n    Factory,\n    PolymorphicComponentProps,\n    polymorphicFactory,\n    StylesApiProps,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {forwardRef, FunctionComponent, ReactElement} from 'react';\nimport classes from './InfoToken.module.css';\n\nexport type InfoTokenFactory = Factory<{\n    props: InfoTokenInternalProps;\n    defaultRef: HTMLDivElement;\n    defaultComponent: 'div';\n    stylesNames: InfoTokenComponentStylesNames;\n    vars: InfoTokenCssVariables;\n    variant: InfoTokenVariant;\n}>;\nexport type InfoTokenComponentStylesNames = 'root';\nexport type InfoTokenType = 'information' | 'advice' | 'warning' | 'error' | 'question' | 'success';\nexport type InfoTokenVariant = 'outline' | 'light';\nexport type InfoTokenSizes = 'xs' | 'sm' | 'md' | 'lg';\nexport type InfoTokenCssVariables = {\n    root: '--it-color' | '--it-bg';\n};\n\ninterface InfoTokenInternalProps extends BoxProps, StylesApiProps<InfoTokenFactory> {\n    /**\n     * The variant of the token.\n     *\n     * @default 'outline'\n     */\n    variant?: InfoTokenVariant;\n    /**\n     * The semantic type of the token\n     *\n     * @default 'information'\n     */\n    type?: InfoTokenType;\n    /**\n     * The size of the info token.\n     *\n     * @default 'xs'\n     */\n    size?: InfoTokenSizes;\n}\n\nexport type InfoTokenProps = Omit<InfoTokenInternalProps, 'type'>;\n\ntype InfoTokenCompoundComponent = (<C = 'div'>(props: PolymorphicComponentProps<C, InfoTokenProps>) => ReactElement) &\n    Omit<FunctionComponent<PolymorphicComponentProps<any, InfoTokenProps>>, never>;\n\nconst defaultProps: Partial<InfoTokenInternalProps> = {variant: 'outline', type: 'information', size: 'xs'};\n\nconst colorResolver = (type: InfoTokenType): string => {\n    switch (type) {\n        case 'error':\n            return 'var(--mantine-color-error)';\n        case 'information':\n            return 'var(--mantine-color-blue-text)';\n        case 'advice':\n            return 'var(--mantine-color-violet-text)';\n        case 'warning':\n            return 'var(--mantine-color-yellow-text)';\n        case 'success':\n            return 'var(--mantine-color-green-text)';\n        case 'question':\n        default:\n            return 'var(--mantine-color-gray-text)';\n    }\n};\n\nconst bgColorResolver = (type: InfoTokenType): string => {\n    switch (type) {\n        case 'error':\n            return 'var(--mantine-color-red-light)';\n        case 'information':\n            return 'var(--mantine-color-blue-light)';\n        case 'advice':\n            return 'var(--mantine-color-violet-light)';\n        case 'warning':\n            return 'var(--mantine-color-yellow-light)';\n        case 'success':\n            return 'var(--mantine-color-green-light)';\n        case 'question':\n        default:\n            return 'var(--mantine-color-gray-light)';\n    }\n};\n\nconst sizeResolver = (size: InfoTokenSizes): number => {\n    switch (size) {\n        case 'sm':\n            return 20;\n        case 'md':\n            return 24;\n        case 'lg':\n            return 32;\n        case 'xs':\n        default:\n            return 16;\n    }\n};\n\nconst iconResolver = (type: InfoTokenType): TablerIcon => {\n    switch (type) {\n        case 'error':\n            return IconAlertSquare;\n        case 'question':\n            return IconHelpCircle;\n        case 'warning':\n            return IconAlertTriangle;\n        case 'advice':\n            return IconBulb;\n        case 'success':\n            return IconCheck;\n        default:\n            return IconInfoCircle;\n    }\n};\n\nconst varsResolver = createVarsResolver<InfoTokenFactory>((_theme, {type}) => {\n    const color = colorResolver(type);\n    const bgColor = bgColorResolver(type);\n    return {\n        root: {\n            '--it-color': color,\n            '--it-bg': bgColor,\n        },\n    };\n});\n\nconst _InfoToken = polymorphicFactory<InfoTokenFactory>((_props, ref) => {\n    const props = useProps('InfoToken', defaultProps, _props);\n    const {variant, type, vars, className, style, unstyled, styles, classNames, size, ...others} = props;\n    const getStyles = useStyles<InfoTokenFactory>({\n        name: 'InfoToken',\n        classes,\n        className,\n        props,\n        style,\n        styles,\n        unstyled,\n        vars,\n        varsResolver,\n    });\n    const IconComponent = iconResolver(type);\n    return (\n        <Box\n            ref={ref}\n            variant={variant}\n            role=\"img\"\n            aria-label={type}\n            size={size}\n            {...getStyles('root', {\n                className,\n                style,\n                styles,\n                classNames,\n            })}\n            {...others}\n        >\n            <IconComponent size={sizeResolver(size)} />\n        </Box>\n    );\n});\n\nconst createInfoTokenCompound = (type: InfoTokenType, displayName: string): InfoTokenCompoundComponent => {\n    const Component: InfoTokenCompoundComponent = createPolymorphicComponent<'div', InfoTokenProps>(\n        forwardRef<any, InfoTokenProps>((props, ref) => <_InfoToken ref={ref} {...props} type={type} />),\n    );\n    Component.displayName = displayName;\n    return Component;\n};\n\nexport const InfoToken = {\n    Information: createInfoTokenCompound('information', 'InfoToken.Information'),\n    Advice: createInfoTokenCompound('advice', 'InfoToken.Advice'),\n    Warning: createInfoTokenCompound('warning', 'InfoToken.Warning'),\n    Error: createInfoTokenCompound('error', 'InfoToken.Error'),\n    Question: createInfoTokenCompound('question', 'InfoToken.Question'),\n    Success: createInfoTokenCompound('success', 'InfoToken.Success'),\n} as const;\n"],"names":["InfoToken","defaultProps","variant","type","size","colorResolver","bgColorResolver","sizeResolver","iconResolver","IconAlertSquare","IconHelpCircle","IconAlertTriangle","IconBulb","IconCheck","IconInfoCircle","varsResolver","createVarsResolver","_theme","color","bgColor","root","_InfoToken","polymorphicFactory","_props","ref","props","useProps","vars","className","style","unstyled","styles","classNames","others","getStyles","useStyles","name","classes","IconComponent","Box","role","aria-label","createInfoTokenCompound","displayName","Component","createPolymorphicComponent","forwardRef","Information","Advice","Warning","Error","Question","Success"],"mappings":"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"}

package/dist/cjs/components/Input/InputLabelInfo.js

@@ -44,7 +44,7 @@ var InputLabelInfo = (0, _core.factory)(function(_props, ref) {
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Tooltip, _object_spread_props._(_object_spread._({
         label: children
     }, others), {
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InfoToken.InfoToken.Information, _object_spread_props._(_object_spread._({
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InfoToken.InfoToken.Question, _object_spread_props._(_object_spread._({
             component: "span"
         }, getStyles('labelInfo', {
             className: className,

package/dist/cjs/components/Input/InputLabelInfo.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Input/InputLabelInfo.tsx"],"sourcesContent":["import {factory, StylesApiProps, Tooltip, useProps, useStyles, type Factory, type TooltipProps} from '@mantine/core';\nimport {type MouseEvent, type ReactNode} from 'react';\nimport {InfoToken} from '../InfoToken/InfoToken.js';\nimport classes from './InputLabelInfo.module.css';\n\nexport type InputLabelInfoStylesNames = 'labelInfo';\n\nexport interface InputLabelInfoProps\n    extends\n        Omit<TooltipProps, 'label' | 'classNames' | 'attributes' | 'styles' | 'vars'>,\n        StylesApiProps<InputLabelInfoFactory> {\n    children: ReactNode;\n}\n\nexport type InputLabelInfoFactory = Factory<{\n    props: InputLabelInfoProps;\n    ref: HTMLSpanElement;\n    stylesNames: InputLabelInfoStylesNames;\n}>;\n\nconst defaultProps = {} satisfies Partial<InputLabelInfoProps>;\n\nexport const InputLabelInfo = factory<InputLabelInfoFactory>((_props, ref) => {\n    const props = useProps('InputLabelInfo', defaultProps, _props);\n    const {classNames, className, style, styles, unstyled, vars, children, attributes, ...others} = props;\n    const getStyles = useStyles<InputLabelInfoFactory>({\n        name: 'InputLabelInfo',\n        props,\n        style,\n        styles,\n        unstyled,\n        attributes,\n        className,\n        classes,\n        classNames,\n        vars,\n    });\n    return (\n        <Tooltip label={children} {...others}>\n            <InfoToken.Information\n                component=\"span\"\n                {...getStyles('labelInfo', {className, style})}\n                ref={ref}\n                onClick={(e: MouseEvent) => e.preventDefault()}\n            />\n        </Tooltip>\n    );\n});\n"],"names":["InputLabelInfo","defaultProps","factory","_props","ref","props","useProps","classNames","className","style","styles","unstyled","vars","children","attributes","others","getStyles","useStyles","name","classes","Tooltip","label","InfoToken","Information","component","onClick","e","preventDefault"],"mappings":";;;;+BAsBaA;;;eAAAA;;;;;;;;oBAtBwF;yBAE7E;gFACJ;AAiBpB,IAAMC,eAAe,CAAC;AAEf,IAAMD,iBAAiBE,IAAAA,aAAO,EAAwB,SAACC,QAAQC;IAClE,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,kBAAkBL,cAAcE;IACvD,IAAOI,aAAyFF,MAAzFE,YAAYC,YAA6EH,MAA7EG,WAAWC,QAAkEJ,MAAlEI,OAAOC,SAA2DL,MAA3DK,QAAQC,WAAmDN,MAAnDM,UAAUC,OAAyCP,MAAzCO,MAAMC,WAAmCR,MAAnCQ,UAAUC,aAAyBT,MAAzBS,YAAeC,sCAAUV;;;;;;;;;;IAChG,IAAMW,YAAYC,IAAAA,eAAS,EAAwB;QAC/CC,MAAM;QACNb,OAAAA;QACAI,OAAAA;QACAC,QAAAA;QACAC,UAAAA;QACAG,YAAAA;QACAN,WAAAA;QACAW,SAAAA,gCAAO;QACPZ,YAAAA;QACAK,MAAAA;IACJ;IACA,qBACI,qBAACQ,aAAO;QAACC,OAAOR;OAAcE;kBAC1B,cAAA,qBAACO,oBAAS,CAACC,WAAW;YAClBC,WAAU;WACNR,UAAU,aAAa;YAACR,WAAAA;YAAWC,OAAAA;QAAK;YAC5CL,KAAKA;YACLqB,SAAS,SAATA,QAAUC;uBAAkBA,EAAEC,cAAc;;;;AAI5D"}
+{"version":3,"sources":["../../../../src/components/Input/InputLabelInfo.tsx"],"sourcesContent":["import {factory, StylesApiProps, Tooltip, useProps, useStyles, type Factory, type TooltipProps} from '@mantine/core';\nimport {type MouseEvent, type ReactNode} from 'react';\nimport {InfoToken} from '../InfoToken/InfoToken.js';\nimport classes from './InputLabelInfo.module.css';\n\nexport type InputLabelInfoStylesNames = 'labelInfo';\n\nexport interface InputLabelInfoProps\n    extends\n        Omit<TooltipProps, 'label' | 'classNames' | 'attributes' | 'styles' | 'vars'>,\n        StylesApiProps<InputLabelInfoFactory> {\n    children: ReactNode;\n}\n\nexport type InputLabelInfoFactory = Factory<{\n    props: InputLabelInfoProps;\n    ref: HTMLSpanElement;\n    stylesNames: InputLabelInfoStylesNames;\n}>;\n\nconst defaultProps = {} satisfies Partial<InputLabelInfoProps>;\n\nexport const InputLabelInfo = factory<InputLabelInfoFactory>((_props, ref) => {\n    const props = useProps('InputLabelInfo', defaultProps, _props);\n    const {classNames, className, style, styles, unstyled, vars, children, attributes, ...others} = props;\n    const getStyles = useStyles<InputLabelInfoFactory>({\n        name: 'InputLabelInfo',\n        props,\n        style,\n        styles,\n        unstyled,\n        attributes,\n        className,\n        classes,\n        classNames,\n        vars,\n    });\n    return (\n        <Tooltip label={children} {...others}>\n            <InfoToken.Question\n                component=\"span\"\n                {...getStyles('labelInfo', {className, style})}\n                ref={ref}\n                onClick={(e: MouseEvent) => e.preventDefault()}\n            />\n        </Tooltip>\n    );\n});\n"],"names":["InputLabelInfo","defaultProps","factory","_props","ref","props","useProps","classNames","className","style","styles","unstyled","vars","children","attributes","others","getStyles","useStyles","name","classes","Tooltip","label","InfoToken","Question","component","onClick","e","preventDefault"],"mappings":";;;;+BAsBaA;;;eAAAA;;;;;;;;oBAtBwF;yBAE7E;gFACJ;AAiBpB,IAAMC,eAAe,CAAC;AAEf,IAAMD,iBAAiBE,IAAAA,aAAO,EAAwB,SAACC,QAAQC;IAClE,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,kBAAkBL,cAAcE;IACvD,IAAOI,aAAyFF,MAAzFE,YAAYC,YAA6EH,MAA7EG,WAAWC,QAAkEJ,MAAlEI,OAAOC,SAA2DL,MAA3DK,QAAQC,WAAmDN,MAAnDM,UAAUC,OAAyCP,MAAzCO,MAAMC,WAAmCR,MAAnCQ,UAAUC,aAAyBT,MAAzBS,YAAeC,sCAAUV;;;;;;;;;;IAChG,IAAMW,YAAYC,IAAAA,eAAS,EAAwB;QAC/CC,MAAM;QACNb,OAAAA;QACAI,OAAAA;QACAC,QAAAA;QACAC,UAAAA;QACAG,YAAAA;QACAN,WAAAA;QACAW,SAAAA,gCAAO;QACPZ,YAAAA;QACAK,MAAAA;IACJ;IACA,qBACI,qBAACQ,aAAO;QAACC,OAAOR;OAAcE;kBAC1B,cAAA,qBAACO,oBAAS,CAACC,QAAQ;YACfC,WAAU;WACNR,UAAU,aAAa;YAACR,WAAAA;YAAWC,OAAAA;QAAK;YAC5CL,KAAKA;YACLqB,SAAS,SAATA,QAAUC;uBAAkBA,EAAEC,cAAc;;;;AAI5D"}

package/dist/cjs/components/Table/Table.d.ts

@@ -47,8 +47,17 @@ export declare const Table: {
     <T>(props: TableProps<T> & {
         ref?: ForwardedRef<HTMLDivElement>;
     }): import("react/jsx-runtime").JSX.Element;
+    /**
+     * Generic column to use when your table needs an accordion (collapsible rows, but only one open at a time).
+     */
     AccordionColumn: ColumnDef<unknown>;
+    /**
+     * Generic column to use when your table needs actions on rows
+     */
     ActionsColumn: ColumnDef<unknown>;
+    /**
+     * An action to display when a row is selected in the table. Can be displayed as a primary action or menu item.
+     */
     ActionItem: (<C = "button">(props: import("@mantine/core").PolymorphicComponentProps<C, import("./table-actions/TableActionItem.js").TableActionItemProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(import("./table-actions/TableActionItem.js").TableActionItemProps & {
         component?: any;
     } & Omit<Omit<any, "ref">, "component" | keyof import("./table-actions/TableActionItem.js").TableActionItemProps> & {
@@ -76,32 +85,54 @@ export declare const Table: {
         stylesNames: TableActionItemStylesNames;
         compound: true;
     }>;
+    /**
+     * Generic column to use when your table needs collapsible rows
+     */
     CollapsibleColumn: ColumnDef<unknown>;
+    /**
+     * A date range picker integrated with the table store that resets pagination on change.
+     */
     DateRangePicker: import("@mantine/core").MantineComponent<{
         props: import("./table-date-range-picker/TableDateRangePicker.js").TableDateRangePickerProps;
         ref: HTMLDivElement;
         stylesNames: TableDateRangePickerStylesNames;
         compound: true;
     }>;
+    /**
+     * A search input that filters table rows by matching against any field.
+     * The filter value is debounced and resets pagination to the first page on change.
+     */
     Filter: import("@mantine/core").MantineComponent<{
         props: import("./table-filter/TableFilter.js").TableFilterProps;
         ref: HTMLDivElement;
         stylesNames: TableFilterStylesNames;
         compound: true;
     }>;
+    /**
+     * Container for elements displayed below the table body, typically pagination and per-page controls.
+     */
     Footer: import("react").FunctionComponent<import("./table-footer/TableFooter.js").TableFooterProps>;
+    /**
+     * Container for elements displayed above the table body such as filters, predicates, and actions.
+     */
     Header: import("@mantine/core").MantineComponent<{
         props: import("./table-header/TableHeader.js").TableHeaderProps;
         ref: HTMLDivElement;
         stylesNames: TableHeaderStylesNames;
         compound: true;
     }>;
+    /**
+     * Displays the time of the last data update, automatically refreshing when table data changes.
+     */
     LastUpdated: import("@mantine/core").MantineComponent<{
         props: import("./table-last-updated/TableLastUpdated.js").TableLastUpdatedProps;
         ref: HTMLDivElement;
         stylesNames: TableLastUpdatedStylesNames;
         compound: true;
     }>;
+    /**
+     * Available table layout configurations (e.g., Rows, Cards).
+     */
     Layouts: {
         Rows: import("@mantine/core").MantineComponent<{
             ref?: never;
@@ -110,12 +141,27 @@ export declare const Table: {
             staticComponents: TableLayout;
         }>;
     };
+    /**
+     * Skeleton overlay displayed while the table data is loading.
+     */
     Loading: import("react").FunctionComponent<import("@mantine/core").SkeletonProps>;
+    /**
+     * Container displayed when the table has no data to show.
+     */
     NoData: import("react").FunctionComponent<import("./table-no-data/TableNoData.js").TableNoDataProps>;
+    /**
+     * Page navigation control that syncs with the table store and scrolls to the table on page change.
+     */
     Pagination: import("react").FunctionComponent<import("./table-pagination/TablePagination.types.js").TablePaginationProps>;
+    /**
+     * Control allowing users to choose how many results are displayed per page.
+     */
     PerPage: import("react").FunctionComponent<import("./table-per-page/TablePerPage.types.js").TablePerPageProps> & {
         DEFAULT_SIZE: number;
     };
+    /**
+     * A dropdown that filters table data by a predefined set of values and resets pagination on change.
+     */
     Predicate: import("react").FunctionComponent<import("./table-predicate/TablePredicate.js").TablePredicateProps>;
     extend: CustomComponentThemeExtend<{
         props: TableProps<unknown>;

package/dist/cjs/components/Table/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"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"}