@coveord/plasma-mantine 57.2.0 → 58.0.0

package/dist/esm/components/ActionIcon/ActionIcon.d.ts

@@ -16,7 +16,7 @@ export declare const ActionIcon: (<C = "button">(props: import("@mantine/core").
 }) | (ActionIconProps & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
-})>, never> & import("node_modules/@mantine/core/lib/core/factory/factory.js").ThemeExtend<{
+})>, never> & import("@mantine/core").ThemeExtend<{
     props: ActionIconProps;
     defaultRef: HTMLButtonElement;
     defaultComponent: "button";
@@ -34,7 +34,7 @@ export declare const ActionIcon: (<C = "button">(props: import("@mantine/core").
         DestructiveTertiary: typeof ActionIconDestructiveTertiary;
         DestructiveQuaternary: typeof ActionIconDestructiveQuaternary;
     };
-}> & import("node_modules/@mantine/core/lib/core/factory/factory.js").ComponentClasses<{
+}> & import("@mantine/core").ComponentClasses<{
     props: ActionIconProps;
     defaultRef: HTMLButtonElement;
     defaultComponent: "button";
@@ -52,7 +52,7 @@ export declare const ActionIcon: (<C = "button">(props: import("@mantine/core").
         DestructiveTertiary: typeof ActionIconDestructiveTertiary;
         DestructiveQuaternary: typeof ActionIconDestructiveQuaternary;
     };
-}> & import("node_modules/@mantine/core/lib/core/factory/polymorphic-factory.js").PolymorphicComponentWithProps<{
+}> & import("@mantine/core").PolymorphicComponentWithProps<{
     props: ActionIconProps;
     defaultRef: HTMLButtonElement;
     defaultComponent: "button";

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

@@ -7,7 +7,7 @@ export declare const Alert: (<C = "div">(props: import("@mantine/core").Polymorp
 }) | (AlertProps & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
-})>, never> & import("node_modules/@mantine/core/lib/core/factory/factory.js").ThemeExtend<{
+})>, never> & import("@mantine/core").ThemeExtend<{
     props: AlertProps;
     defaultRef: HTMLDivElement;
     defaultComponent: "div";
@@ -20,7 +20,7 @@ export declare const Alert: (<C = "div">(props: import("@mantine/core").Polymorp
         Warning: typeof AlertWarning;
         Critical: typeof AlertCritical;
     };
-}> & import("node_modules/@mantine/core/lib/core/factory/factory.js").ComponentClasses<{
+}> & import("@mantine/core").ComponentClasses<{
     props: AlertProps;
     defaultRef: HTMLDivElement;
     defaultComponent: "div";
@@ -33,7 +33,7 @@ export declare const Alert: (<C = "div">(props: import("@mantine/core").Polymorp
         Warning: typeof AlertWarning;
         Critical: typeof AlertCritical;
     };
-}> & import("node_modules/@mantine/core/lib/core/factory/polymorphic-factory.js").PolymorphicComponentWithProps<{
+}> & import("@mantine/core").PolymorphicComponentWithProps<{
     props: AlertProps;
     defaultRef: HTMLDivElement;
     defaultComponent: "div";

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

@@ -8,9 +8,7 @@ export const Alert = polymorphicFactory((props, ref)=>/*#__PURE__*/ _jsx(Mantine
 Alert.displayName = 'Alert';
 const AlertInformation = Alert.withProps({
     color: 'gray',
-    icon: /*#__PURE__*/ _jsx(InfoToken, {
-        variant: "information"
-    }),
+    icon: /*#__PURE__*/ _jsx(InfoToken.Information, {}),
     vars: ()=>({
             root: {
                 '--alert-color': 'var(--mantine-color-text)',
@@ -20,9 +18,7 @@ const AlertInformation = Alert.withProps({
 });
 AlertInformation.displayName = 'Alert.Information';
 const AlertAdvice = Alert.withProps({
-    icon: /*#__PURE__*/ _jsx(InfoToken, {
-        variant: "advice"
-    }),
+    icon: /*#__PURE__*/ _jsx(InfoToken.Advice, {}),
     vars: ()=>({
             root: {
                 '--alert-color': 'var(--mantine-primary-color-filled)',
@@ -33,9 +29,7 @@ const AlertAdvice = Alert.withProps({
 AlertAdvice.displayName = 'Alert.Advice';
 const AlertWarning = Alert.withProps({
     color: 'warning',
-    icon: /*#__PURE__*/ _jsx(InfoToken, {
-        variant: "warning"
-    }),
+    icon: /*#__PURE__*/ _jsx(InfoToken.Warning, {}),
     vars: ()=>({
             root: {
                 '--alert-color': 'var(--mantine-color-warning-filled)',
@@ -45,9 +39,7 @@ const AlertWarning = Alert.withProps({
 });
 AlertWarning.displayName = 'Alert.Warning';
 const AlertCritical = Alert.withProps({
-    icon: /*#__PURE__*/ _jsx(InfoToken, {
-        variant: "error"
-    }),
+    icon: /*#__PURE__*/ _jsx(InfoToken.Error, {}),
     vars: ()=>({
             root: {
                 '--alert-color': 'var(--mantine-color-error)',

package/dist/esm/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    };\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 variant=\"information\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-text)',\n            '--alert-bg': 'var(--mantine-color-gray-light)',\n        },\n    }),\n});\n(AlertInformation as ComponentType).displayName = 'Alert.Information';\n\nconst AlertAdvice = Alert.withProps({\n    icon: <InfoToken variant=\"advice\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-primary-color-filled)',\n            '--alert-bg': 'var(--mantine-primary-color-light)',\n        },\n    }),\n});\n(AlertAdvice as ComponentType).displayName = 'Alert.Advice';\n\nconst AlertWarning = Alert.withProps({\n    color: 'warning',\n    icon: <InfoToken variant=\"warning\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-warning-filled)',\n            '--alert-bg': 'var(--mantine-color-warning-light)',\n        },\n    }),\n});\n(AlertWarning as ComponentType).displayName = 'Alert.Warning';\n\nconst AlertCritical = Alert.withProps({\n    icon: <InfoToken variant=\"error\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-error)',\n            '--alert-bg': 'var(--mantine-color-red-light)',\n        },\n    }),\n});\n(AlertCritical as ComponentType).displayName = 'Alert.Critical';\n\nAlert.Information = AlertInformation;\nAlert.Advice = AlertAdvice;\nAlert.Warning = AlertWarning;\nAlert.Critical = AlertCritical;\n"],"names":["Alert","MantineAlert","polymorphicFactory","InfoToken","props","ref","displayName","AlertInformation","withProps","color","icon","variant","vars","root","AlertAdvice","AlertWarning","AlertCritical","Information","Advice","Warning","Critical"],"mappings":";AAAA,SAMIA,SAASC,YAAY,EACrBC,kBAAkB,QACf,gBAAgB;AAEvB,SAAQC,SAAS,QAAO,4BAA4B;AAiBpD,OAAO,MAAMH,QAAQE,mBAAyC,CAACE,OAAOC,oBAAQ,KAACJ;QAAc,GAAGG,KAAK;QAAEC,KAAKA;QAAS;AACrHL,MAAMM,WAAW,GAAG;AAEpB,MAAMC,mBAAmBP,MAAMQ,SAAS,CAAC;IACrCC,OAAO;IACPC,oBAAM,KAACP;QAAUQ,SAAQ;;IACzBC,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ,CAAA;AACJ;AACCN,iBAAmCD,WAAW,GAAG;AAElD,MAAMQ,cAAcd,MAAMQ,SAAS,CAAC;IAChCE,oBAAM,KAACP;QAAUQ,SAAQ;;IACzBC,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ,CAAA;AACJ;AACCC,YAA8BR,WAAW,GAAG;AAE7C,MAAMS,eAAef,MAAMQ,SAAS,CAAC;IACjCC,OAAO;IACPC,oBAAM,KAACP;QAAUQ,SAAQ;;IACzBC,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ,CAAA;AACJ;AACCE,aAA+BT,WAAW,GAAG;AAE9C,MAAMU,gBAAgBhB,MAAMQ,SAAS,CAAC;IAClCE,oBAAM,KAACP;QAAUQ,SAAQ;;IACzBC,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ,CAAA;AACJ;AACCG,cAAgCV,WAAW,GAAG;AAE/CN,MAAMiB,WAAW,GAAGV;AACpBP,MAAMkB,MAAM,GAAGJ;AACfd,MAAMmB,OAAO,GAAGJ;AAChBf,MAAMoB,QAAQ,GAAGJ"}
+{"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    };\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 />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-text)',\n            '--alert-bg': 'var(--mantine-color-gray-light)',\n        },\n    }),\n});\n(AlertInformation as ComponentType).displayName = 'Alert.Information';\n\nconst AlertAdvice = Alert.withProps({\n    icon: <InfoToken.Advice />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-primary-color-filled)',\n            '--alert-bg': 'var(--mantine-primary-color-light)',\n        },\n    }),\n});\n(AlertAdvice as ComponentType).displayName = 'Alert.Advice';\n\nconst AlertWarning = Alert.withProps({\n    color: 'warning',\n    icon: <InfoToken.Warning />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-warning-filled)',\n            '--alert-bg': 'var(--mantine-color-warning-light)',\n        },\n    }),\n});\n(AlertWarning as ComponentType).displayName = 'Alert.Warning';\n\nconst AlertCritical = Alert.withProps({\n    icon: <InfoToken.Error />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-error)',\n            '--alert-bg': 'var(--mantine-color-red-light)',\n        },\n    }),\n});\n(AlertCritical as ComponentType).displayName = 'Alert.Critical';\n\nAlert.Information = AlertInformation;\nAlert.Advice = AlertAdvice;\nAlert.Warning = AlertWarning;\nAlert.Critical = AlertCritical;\n"],"names":["Alert","MantineAlert","polymorphicFactory","InfoToken","props","ref","displayName","AlertInformation","withProps","color","icon","Information","vars","root","AlertAdvice","Advice","AlertWarning","Warning","AlertCritical","Error","Critical"],"mappings":";AAAA,SAMIA,SAASC,YAAY,EACrBC,kBAAkB,QACf,gBAAgB;AAEvB,SAAQC,SAAS,QAAO,4BAA4B;AAiBpD,OAAO,MAAMH,QAAQE,mBAAyC,CAACE,OAAOC,oBAAQ,KAACJ;QAAc,GAAGG,KAAK;QAAEC,KAAKA;QAAS;AACrHL,MAAMM,WAAW,GAAG;AAEpB,MAAMC,mBAAmBP,MAAMQ,SAAS,CAAC;IACrCC,OAAO;IACPC,oBAAM,KAACP,UAAUQ,WAAW;IAC5BC,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ,CAAA;AACJ;AACCN,iBAAmCD,WAAW,GAAG;AAElD,MAAMQ,cAAcd,MAAMQ,SAAS,CAAC;IAChCE,oBAAM,KAACP,UAAUY,MAAM;IACvBH,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ,CAAA;AACJ;AACCC,YAA8BR,WAAW,GAAG;AAE7C,MAAMU,eAAehB,MAAMQ,SAAS,CAAC;IACjCC,OAAO;IACPC,oBAAM,KAACP,UAAUc,OAAO;IACxBL,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ,CAAA;AACJ;AACCG,aAA+BV,WAAW,GAAG;AAE9C,MAAMY,gBAAgBlB,MAAMQ,SAAS,CAAC;IAClCE,oBAAM,KAACP,UAAUgB,KAAK;IACtBP,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ,CAAA;AACJ;AACCK,cAAgCZ,WAAW,GAAG;AAE/CN,MAAMW,WAAW,GAAGJ;AACpBP,MAAMe,MAAM,GAAGD;AACfd,MAAMiB,OAAO,GAAGD;AAChBhB,MAAMoB,QAAQ,GAAGF"}

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

@@ -41,7 +41,7 @@ export declare const Badge: (<C = "div">(props: PolymorphicComponentProps<C, Bad
 }) | (BadgeProps & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
-})>, never> & import("node_modules/@mantine/core/lib/core/factory/factory").ThemeExtend<{
+})>, never> & import("@mantine/core").ThemeExtend<{
     props: BadgeProps;
     defaultRef: HTMLDivElement;
     defaultComponent: "div";
@@ -56,7 +56,7 @@ export declare const Badge: (<C = "div">(props: PolymorphicComponentProps<C, Bad
         Warning: SemanticBadge;
         Disabled: SemanticBadge;
     };
-}> & import("node_modules/@mantine/core/lib/core/factory/factory").ComponentClasses<{
+}> & import("@mantine/core").ComponentClasses<{
     props: BadgeProps;
     defaultRef: HTMLDivElement;
     defaultComponent: "div";
@@ -71,7 +71,7 @@ export declare const Badge: (<C = "div">(props: PolymorphicComponentProps<C, Bad
         Warning: SemanticBadge;
         Disabled: SemanticBadge;
     };
-}> & import("node_modules/@mantine/core/lib/core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
+}> & import("@mantine/core").PolymorphicComponentWithProps<{
     props: BadgeProps;
     defaultRef: HTMLDivElement;
     defaultComponent: "div";

package/dist/esm/components/BrowserPreview/BrowserPreview.js

@@ -31,8 +31,7 @@ export const BrowserPreview = ({ children, headerTooltip, title, className, ...o
                                 label: headerTooltip,
                                 position: "right",
                                 maw: 400,
-                                children: /*#__PURE__*/ _jsx(InfoToken, {
-                                    variant: "information",
+                                children: /*#__PURE__*/ _jsx(InfoToken.Information, {
                                     className: BrowserPreviewClasses.infoIcon
                                 })
                             })

package/dist/esm/components/BrowserPreview/BrowserPreview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/BrowserPreview/BrowserPreview.tsx"],"sourcesContent":["import {Flex, Group, Stack, StackProps, Text, Tooltip} from '@mantine/core';\nimport cx from 'clsx';\nimport {PropsWithChildren} from 'react';\nimport {InfoToken} from '../InfoToken/InfoToken.js';\nimport BrowserPreviewClasses from './BrowserPreview.module.css';\n\nexport interface BrowserPreviewProps extends StackProps {\n    /**\n     * Text to display in a tooltip in the header.\n     *\n     */\n    headerTooltip?: string;\n    /**\n     * Custom title to be displayed at the center of the header.\n     */\n    title?: string;\n}\n\nexport const BrowserPreview = ({\n    children,\n    headerTooltip,\n    title,\n    className,\n    ...others\n}: PropsWithChildren<BrowserPreviewProps>) => (\n    <Stack className={cx(BrowserPreviewClasses.root, className)} gap={0} maw={544} mih={0} {...others}>\n        <Group\n            className={BrowserPreviewClasses.header}\n            justify=\"space-between\"\n            p=\"sm\"\n            bg=\"var(--mantine-color-default-hover)\"\n            wrap=\"nowrap\"\n        >\n            <Group gap=\"xs\" wrap=\"nowrap\">\n                <Text c=\"dimmed\" fz=\"md\" lh=\"18px\">\n                    Preview\n                </Text>\n                {!!headerTooltip && (\n                    <Tooltip label={headerTooltip} position=\"right\" maw={400}>\n                        <InfoToken variant=\"information\" className={BrowserPreviewClasses.infoIcon} />\n                    </Tooltip>\n                )}\n            </Group>\n            {title && (\n                <Text lineClamp={1} c=\"dimmed\" fz=\"md\" lh=\"18px\">\n                    {title}\n                </Text>\n            )}\n        </Group>\n        <Flex className={BrowserPreviewClasses.content} p=\"lg\" direction=\"column\">\n            {children}\n        </Flex>\n    </Stack>\n);\n"],"names":["Flex","Group","Stack","Text","Tooltip","cx","InfoToken","BrowserPreviewClasses","BrowserPreview","children","headerTooltip","title","className","others","root","gap","maw","mih","header","justify","p","bg","wrap","c","fz","lh","label","position","variant","infoIcon","lineClamp","content","direction"],"mappings":";AAAA,SAAQA,IAAI,EAAEC,KAAK,EAAEC,KAAK,EAAcC,IAAI,EAAEC,OAAO,QAAO,gBAAgB;AAC5E,OAAOC,QAAQ,OAAO;AAEtB,SAAQC,SAAS,QAAO,4BAA4B;AACpD,OAAOC,2BAA2B,8BAA8B;AAchE,OAAO,MAAMC,iBAAiB,CAAC,EAC3BC,QAAQ,EACRC,aAAa,EACbC,KAAK,EACLC,SAAS,EACT,GAAGC,QACkC,iBACrC,MAACX;QAAMU,WAAWP,GAAGE,sBAAsBO,IAAI,EAAEF;QAAYG,KAAK;QAAGC,KAAK;QAAKC,KAAK;QAAI,GAAGJ,MAAM;;0BAC7F,MAACZ;gBACGW,WAAWL,sBAAsBW,MAAM;gBACvCC,SAAQ;gBACRC,GAAE;gBACFC,IAAG;gBACHC,MAAK;;kCAEL,MAACrB;wBAAMc,KAAI;wBAAKO,MAAK;;0CACjB,KAACnB;gCAAKoB,GAAE;gCAASC,IAAG;gCAAKC,IAAG;0CAAO;;4BAGlC,CAAC,CAACf,+BACC,KAACN;gCAAQsB,OAAOhB;gCAAeiB,UAAS;gCAAQX,KAAK;0CACjD,cAAA,KAACV;oCAAUsB,SAAQ;oCAAchB,WAAWL,sBAAsBsB,QAAQ;;;;;oBAIrFlB,uBACG,KAACR;wBAAK2B,WAAW;wBAAGP,GAAE;wBAASC,IAAG;wBAAKC,IAAG;kCACrCd;;;;0BAIb,KAACX;gBAAKY,WAAWL,sBAAsBwB,OAAO;gBAAEX,GAAE;gBAAKY,WAAU;0BAC5DvB;;;OAGX"}
+{"version":3,"sources":["../../../../src/components/BrowserPreview/BrowserPreview.tsx"],"sourcesContent":["import {Flex, Group, Stack, StackProps, Text, Tooltip} from '@mantine/core';\nimport cx from 'clsx';\nimport {PropsWithChildren} from 'react';\nimport {InfoToken} from '../InfoToken/InfoToken.js';\nimport BrowserPreviewClasses from './BrowserPreview.module.css';\n\nexport interface BrowserPreviewProps extends StackProps {\n    /**\n     * Text to display in a tooltip in the header.\n     *\n     */\n    headerTooltip?: string;\n    /**\n     * Custom title to be displayed at the center of the header.\n     */\n    title?: string;\n}\n\nexport const BrowserPreview = ({\n    children,\n    headerTooltip,\n    title,\n    className,\n    ...others\n}: PropsWithChildren<BrowserPreviewProps>) => (\n    <Stack className={cx(BrowserPreviewClasses.root, className)} gap={0} maw={544} mih={0} {...others}>\n        <Group\n            className={BrowserPreviewClasses.header}\n            justify=\"space-between\"\n            p=\"sm\"\n            bg=\"var(--mantine-color-default-hover)\"\n            wrap=\"nowrap\"\n        >\n            <Group gap=\"xs\" wrap=\"nowrap\">\n                <Text c=\"dimmed\" fz=\"md\" lh=\"18px\">\n                    Preview\n                </Text>\n                {!!headerTooltip && (\n                    <Tooltip label={headerTooltip} position=\"right\" maw={400}>\n                        <InfoToken.Information className={BrowserPreviewClasses.infoIcon} />\n                    </Tooltip>\n                )}\n            </Group>\n            {title && (\n                <Text lineClamp={1} c=\"dimmed\" fz=\"md\" lh=\"18px\">\n                    {title}\n                </Text>\n            )}\n        </Group>\n        <Flex className={BrowserPreviewClasses.content} p=\"lg\" direction=\"column\">\n            {children}\n        </Flex>\n    </Stack>\n);\n"],"names":["Flex","Group","Stack","Text","Tooltip","cx","InfoToken","BrowserPreviewClasses","BrowserPreview","children","headerTooltip","title","className","others","root","gap","maw","mih","header","justify","p","bg","wrap","c","fz","lh","label","position","Information","infoIcon","lineClamp","content","direction"],"mappings":";AAAA,SAAQA,IAAI,EAAEC,KAAK,EAAEC,KAAK,EAAcC,IAAI,EAAEC,OAAO,QAAO,gBAAgB;AAC5E,OAAOC,QAAQ,OAAO;AAEtB,SAAQC,SAAS,QAAO,4BAA4B;AACpD,OAAOC,2BAA2B,8BAA8B;AAchE,OAAO,MAAMC,iBAAiB,CAAC,EAC3BC,QAAQ,EACRC,aAAa,EACbC,KAAK,EACLC,SAAS,EACT,GAAGC,QACkC,iBACrC,MAACX;QAAMU,WAAWP,GAAGE,sBAAsBO,IAAI,EAAEF;QAAYG,KAAK;QAAGC,KAAK;QAAKC,KAAK;QAAI,GAAGJ,MAAM;;0BAC7F,MAACZ;gBACGW,WAAWL,sBAAsBW,MAAM;gBACvCC,SAAQ;gBACRC,GAAE;gBACFC,IAAG;gBACHC,MAAK;;kCAEL,MAACrB;wBAAMc,KAAI;wBAAKO,MAAK;;0CACjB,KAACnB;gCAAKoB,GAAE;gCAASC,IAAG;gCAAKC,IAAG;0CAAO;;4BAGlC,CAAC,CAACf,+BACC,KAACN;gCAAQsB,OAAOhB;gCAAeiB,UAAS;gCAAQX,KAAK;0CACjD,cAAA,KAACV,UAAUsB,WAAW;oCAAChB,WAAWL,sBAAsBsB,QAAQ;;;;;oBAI3ElB,uBACG,KAACR;wBAAK2B,WAAW;wBAAGP,GAAE;wBAASC,IAAG;wBAAKC,IAAG;kCACrCd;;;;0BAIb,KAACX;gBAAKY,WAAWL,sBAAsBwB,OAAO;gBAAEX,GAAE;gBAAKY,WAAU;0BAC5DvB;;;OAGX"}

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

@@ -16,7 +16,7 @@ export declare const Button: (<C = "button">(props: import("@mantine/core").Poly
 }) | (ButtonProps & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
-})>, never> & import("node_modules/@mantine/core/lib/core/factory/factory.js").ThemeExtend<{
+})>, never> & import("@mantine/core").ThemeExtend<{
     props: ButtonProps;
     defaultRef: HTMLButtonElement;
     defaultComponent: "button";
@@ -34,7 +34,7 @@ export declare const Button: (<C = "button">(props: import("@mantine/core").Poly
         DestructiveTertiary: typeof ButtonDestructiveTertiary;
         DestructiveQuaternary: typeof ButtonDestructiveQuaternary;
     };
-}> & import("node_modules/@mantine/core/lib/core/factory/factory.js").ComponentClasses<{
+}> & import("@mantine/core").ComponentClasses<{
     props: ButtonProps;
     defaultRef: HTMLButtonElement;
     defaultComponent: "button";
@@ -52,7 +52,7 @@ export declare const Button: (<C = "button">(props: import("@mantine/core").Poly
         DestructiveTertiary: typeof ButtonDestructiveTertiary;
         DestructiveQuaternary: typeof ButtonDestructiveQuaternary;
     };
-}> & import("node_modules/@mantine/core/lib/core/factory/polymorphic-factory.js").PolymorphicComponentWithProps<{
+}> & import("@mantine/core").PolymorphicComponentWithProps<{
     props: ButtonProps;
     defaultRef: HTMLButtonElement;
     defaultComponent: "button";

package/dist/esm/components/ChildForm/ChildForm.d.ts

@@ -1,4 +1,5 @@
 import { CollapseProps, Factory, StylesApiProps } from '@mantine/core';
+import { ReactNode } from 'react';
 export type ChildFormStylesNames = 'root' | 'paper';
 export interface ChildFormProps extends CollapseProps, StylesApiProps<ChildFormFactory> {
     /**
@@ -8,7 +9,7 @@ export interface ChildFormProps extends CollapseProps, StylesApiProps<ChildFormF
     /**
      * Description of the child form.
      */
-    description?: string;
+    description?: ReactNode;
 }
 type ChildFormFactory = Factory<{
     props: ChildFormProps;
@@ -24,17 +25,17 @@ export declare const ChildForm: (<C = "div">(props: import("@mantine/core").Poly
 }) | (ChildFormProps & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
-})>, never> & import("node_modules/@mantine/core/lib/core/factory/factory").ThemeExtend<{
+})>, never> & import("@mantine/core").ThemeExtend<{
     props: ChildFormProps;
     defaultRef: HTMLDivElement;
     defaultComponent: "div";
     stylesNames: ChildFormStylesNames;
-}> & import("node_modules/@mantine/core/lib/core/factory/factory").ComponentClasses<{
+}> & import("@mantine/core").ComponentClasses<{
     props: ChildFormProps;
     defaultRef: HTMLDivElement;
     defaultComponent: "div";
     stylesNames: ChildFormStylesNames;
-}> & import("node_modules/@mantine/core/lib/core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
+}> & import("@mantine/core").PolymorphicComponentWithProps<{
     props: ChildFormProps;
     defaultRef: HTMLDivElement;
     defaultComponent: "div";

package/dist/esm/components/ChildForm/ChildForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChildForm.d.ts","sourceRoot":"","sources":["../../../../src/components/ChildForm/ChildForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,aAAa,EACb,OAAO,EAIP,cAAc,EAKjB,MAAM,eAAe,CAAC;AAGvB,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEpD,MAAM,WAAW,cAAe,SAAQ,aAAa,EAAE,cAAc,CAAC,gBAAgB,CAAC;IACnF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,KAAK,gBAAgB,GAAG,OAAO,CAAC;IAC5B,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,oBAAoB,CAAC;CACrC,CAAC,CAAC;AAIH,eAAO,MAAM,SAAS;;;;;;;;;WARX,cAAc;gBACT,cAAc;sBACR,KAAK;iBACV,oBAAoB;;WAH1B,cAAc;gBACT,cAAc;sBACR,KAAK;iBACV,oBAAoB;;WAH1B,cAAc;gBACT,cAAc;sBACR,KAAK;iBACV,oBAAoB;EAqCnC,CAAC"}
+{"version":3,"file":"ChildForm.d.ts","sourceRoot":"","sources":["../../../../src/components/ChildForm/ChildForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,aAAa,EACb,OAAO,EAIP,cAAc,EAKjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEpD,MAAM,WAAW,cAAe,SAAQ,aAAa,EAAE,cAAc,CAAC,gBAAgB,CAAC;IACnF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED,KAAK,gBAAgB,GAAG,OAAO,CAAC;IAC5B,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,oBAAoB,CAAC;CACrC,CAAC,CAAC;AAIH,eAAO,MAAM,SAAS;;;;;;;;;WARX,cAAc;gBACT,cAAc;sBACR,KAAK;iBACV,oBAAoB;;WAH1B,cAAc;gBACT,cAAc;sBACR,KAAK;iBACV,oBAAoB;;WAH1B,cAAc;gBACT,cAAc;sBACR,KAAK;iBACV,oBAAoB;EA2CnC,CAAC"}

package/dist/esm/components/ChildForm/ChildForm.js

@@ -4,6 +4,7 @@ import classes from './ChildForm.module.css';
 const defaultProps = {};
 export const ChildForm = polymorphicFactory((props, ref)=>{
     const { className, children, style, classNames, styles, unstyled, vars, title, description, ...others } = useProps('ChildForm', defaultProps, props);
+    const hasDescription = description !== null && description !== undefined && description !== '' && typeof description !== 'boolean';
     const getStyles = useStyles({
         name: 'ChildForm',
         classes,
@@ -23,7 +24,7 @@ export const ChildForm = polymorphicFactory((props, ref)=>{
             p: "md",
             ...getStyles('paper'),
             children: [
-                (title || description) && /*#__PURE__*/ _jsxs(Stack, {
+                (title || hasDescription) && /*#__PURE__*/ _jsxs(Stack, {
                     gap: 0,
                     mb: "md",
                     children: [
@@ -31,7 +32,8 @@ export const ChildForm = polymorphicFactory((props, ref)=>{
                             order: 5,
                             children: title
                         }),
-                        description && /*#__PURE__*/ _jsx(Text, {
+                        hasDescription && /*#__PURE__*/ _jsx(Text, {
+                            component: "div",
                             c: "gray.7",
                             children: description
                         })

package/dist/esm/components/ChildForm/ChildForm.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ChildForm/ChildForm.tsx"],"sourcesContent":["import {\n    Collapse,\n    CollapseProps,\n    Factory,\n    Paper,\n    polymorphicFactory,\n    Stack,\n    StylesApiProps,\n    Text,\n    Title,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport classes from './ChildForm.module.css';\n\nexport type ChildFormStylesNames = 'root' | 'paper';\n\nexport interface ChildFormProps extends CollapseProps, StylesApiProps<ChildFormFactory> {\n    /**\n     * Title of the child form.\n     */\n    title?: string;\n    /**\n     * Description of the child form.\n     */\n    description?: string;\n}\n\ntype ChildFormFactory = Factory<{\n    props: ChildFormProps;\n    defaultRef: HTMLDivElement;\n    defaultComponent: 'div';\n    stylesNames: ChildFormStylesNames;\n}>;\n\nconst defaultProps: Partial<ChildFormProps> = {};\n\nexport const ChildForm = polymorphicFactory<ChildFormFactory>((props, ref) => {\n    const {className, children, style, classNames, styles, unstyled, vars, title, description, ...others} = useProps(\n        'ChildForm',\n        defaultProps,\n        props,\n    );\n\n    const getStyles = useStyles<ChildFormFactory>({\n        name: 'ChildForm',\n        classes,\n        props,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n        vars,\n    });\n\n    return (\n        <Collapse ref={ref} {...others} {...getStyles('root')}>\n            <Paper p=\"md\" {...getStyles('paper')}>\n                {(title || description) && (\n                    <Stack gap={0} mb=\"md\">\n                        {title && <Title order={5}>{title}</Title>}\n                        {description && <Text c=\"gray.7\">{description}</Text>}\n                    </Stack>\n                )}\n                <Stack gap=\"md\">{children}</Stack>\n            </Paper>\n        </Collapse>\n    );\n});\n\nChildForm.displayName = 'ChildForm';\n"],"names":["Collapse","Paper","polymorphicFactory","Stack","Text","Title","useProps","useStyles","classes","defaultProps","ChildForm","props","ref","className","children","style","classNames","styles","unstyled","vars","title","description","others","getStyles","name","p","gap","mb","order","c","displayName"],"mappings":";AAAA,SACIA,QAAQ,EAGRC,KAAK,EACLC,kBAAkB,EAClBC,KAAK,EAELC,IAAI,EACJC,KAAK,EACLC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,OAAOC,aAAa,yBAAyB;AAsB7C,MAAMC,eAAwC,CAAC;AAE/C,OAAO,MAAMC,YAAYR,mBAAqC,CAACS,OAAOC;IAClE,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,UAAU,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,KAAK,EAAEC,WAAW,EAAE,GAAGC,QAAO,GAAGhB,SACpG,aACAG,cACAE;IAGJ,MAAMY,YAAYhB,UAA4B;QAC1CiB,MAAM;QACNhB;QACAG;QACAE;QACAE;QACAC;QACAC;QACAC;QACAC;IACJ;IAEA,qBACI,KAACnB;QAASY,KAAKA;QAAM,GAAGU,MAAM;QAAG,GAAGC,UAAU,OAAO;kBACjD,cAAA,MAACtB;YAAMwB,GAAE;YAAM,GAAGF,UAAU,QAAQ;;gBAC9BH,CAAAA,SAASC,WAAU,mBACjB,MAAClB;oBAAMuB,KAAK;oBAAGC,IAAG;;wBACbP,uBAAS,KAACf;4BAAMuB,OAAO;sCAAIR;;wBAC3BC,6BAAe,KAACjB;4BAAKyB,GAAE;sCAAUR;;;;8BAG1C,KAAClB;oBAAMuB,KAAI;8BAAMZ;;;;;AAIjC,GAAG;AAEHJ,UAAUoB,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/ChildForm/ChildForm.tsx"],"sourcesContent":["import {\n    Collapse,\n    CollapseProps,\n    Factory,\n    Paper,\n    polymorphicFactory,\n    Stack,\n    StylesApiProps,\n    Text,\n    Title,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport classes from './ChildForm.module.css';\n\nexport type ChildFormStylesNames = 'root' | 'paper';\n\nexport interface ChildFormProps extends CollapseProps, StylesApiProps<ChildFormFactory> {\n    /**\n     * Title of the child form.\n     */\n    title?: string;\n    /**\n     * Description of the child form.\n     */\n    description?: ReactNode;\n}\n\ntype ChildFormFactory = Factory<{\n    props: ChildFormProps;\n    defaultRef: HTMLDivElement;\n    defaultComponent: 'div';\n    stylesNames: ChildFormStylesNames;\n}>;\n\nconst defaultProps: Partial<ChildFormProps> = {};\n\nexport const ChildForm = polymorphicFactory<ChildFormFactory>((props, ref) => {\n    const {className, children, style, classNames, styles, unstyled, vars, title, description, ...others} = useProps(\n        'ChildForm',\n        defaultProps,\n        props,\n    );\n    const hasDescription =\n        description !== null && description !== undefined && description !== '' && typeof description !== 'boolean';\n\n    const getStyles = useStyles<ChildFormFactory>({\n        name: 'ChildForm',\n        classes,\n        props,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n        vars,\n    });\n\n    return (\n        <Collapse ref={ref} {...others} {...getStyles('root')}>\n            <Paper p=\"md\" {...getStyles('paper')}>\n                {(title || hasDescription) && (\n                    <Stack gap={0} mb=\"md\">\n                        {title && <Title order={5}>{title}</Title>}\n                        {hasDescription && (\n                            <Text component=\"div\" c=\"gray.7\">\n                                {description}\n                            </Text>\n                        )}\n                    </Stack>\n                )}\n                <Stack gap=\"md\">{children}</Stack>\n            </Paper>\n        </Collapse>\n    );\n});\n\nChildForm.displayName = 'ChildForm';\n"],"names":["Collapse","Paper","polymorphicFactory","Stack","Text","Title","useProps","useStyles","classes","defaultProps","ChildForm","props","ref","className","children","style","classNames","styles","unstyled","vars","title","description","others","hasDescription","undefined","getStyles","name","p","gap","mb","order","component","c","displayName"],"mappings":";AAAA,SACIA,QAAQ,EAGRC,KAAK,EACLC,kBAAkB,EAClBC,KAAK,EAELC,IAAI,EACJC,KAAK,EACLC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AAEvB,OAAOC,aAAa,yBAAyB;AAsB7C,MAAMC,eAAwC,CAAC;AAE/C,OAAO,MAAMC,YAAYR,mBAAqC,CAACS,OAAOC;IAClE,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,UAAU,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,KAAK,EAAEC,WAAW,EAAE,GAAGC,QAAO,GAAGhB,SACpG,aACAG,cACAE;IAEJ,MAAMY,iBACFF,gBAAgB,QAAQA,gBAAgBG,aAAaH,gBAAgB,MAAM,OAAOA,gBAAgB;IAEtG,MAAMI,YAAYlB,UAA4B;QAC1CmB,MAAM;QACNlB;QACAG;QACAE;QACAE;QACAC;QACAC;QACAC;QACAC;IACJ;IAEA,qBACI,KAACnB;QAASY,KAAKA;QAAM,GAAGU,MAAM;QAAG,GAAGG,UAAU,OAAO;kBACjD,cAAA,MAACxB;YAAM0B,GAAE;YAAM,GAAGF,UAAU,QAAQ;;gBAC9BL,CAAAA,SAASG,cAAa,mBACpB,MAACpB;oBAAMyB,KAAK;oBAAGC,IAAG;;wBACbT,uBAAS,KAACf;4BAAMyB,OAAO;sCAAIV;;wBAC3BG,gCACG,KAACnB;4BAAK2B,WAAU;4BAAMC,GAAE;sCACnBX;;;;8BAKjB,KAAClB;oBAAMyB,KAAI;8BAAMd;;;;;AAIjC,GAAG;AAEHJ,UAAUuB,WAAW,GAAG"}

package/dist/esm/components/EllipsisText/EllipsisText.d.ts

@@ -19,17 +19,17 @@ export declare const EllipsisText: (<C = "div">(props: import("@mantine/core").P
 }) | (EllipsisTextProps & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
-})>, never> & import("node_modules/@mantine/core/lib/core/factory/factory").ThemeExtend<{
+})>, never> & import("@mantine/core").ThemeExtend<{
     props: EllipsisTextProps;
     defaultRef: HTMLDivElement;
     defaultComponent: "div";
     stylesNames: EllipsisTextStylesNames;
-}> & import("node_modules/@mantine/core/lib/core/factory/factory").ComponentClasses<{
+}> & import("@mantine/core").ComponentClasses<{
     props: EllipsisTextProps;
     defaultRef: HTMLDivElement;
     defaultComponent: "div";
     stylesNames: EllipsisTextStylesNames;
-}> & import("node_modules/@mantine/core/lib/core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
+}> & import("@mantine/core").PolymorphicComponentWithProps<{
     props: EllipsisTextProps;
     defaultRef: HTMLDivElement;
     defaultComponent: "div";

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

@@ -12,14 +12,9 @@
 
 .title {
     word-break: break-word;
-    color: var(--coveo-color-title);
 }
 
 .docAnchor {
     margin-left: var(--mantine-spacing-xs);
     vertical-align: middle;
 }
-
-.breadcrumbText {
-    color: var(--coveo-color-title);
-}

package/dist/esm/components/Header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.d.ts

@@ -25,21 +25,21 @@ export declare const HeaderBreadcrumbAnchor: (<C = "a">(props: import("@mantine/
 }) | (HeaderBreadcrumbAnchorProps & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
-})>, never> & import("node_modules/@mantine/core/lib/core/factory/factory.js").ThemeExtend<{
+})>, never> & import("@mantine/core").ThemeExtend<{
     props: HeaderBreadcrumbAnchorProps;
     ref: HTMLAnchorElement;
     stylesNames: HeaderBreadcrumbAnchorStyleNames;
     compound: true;
     defaultComponent: "a";
     defaultRef: HTMLAnchorElement;
-}> & import("node_modules/@mantine/core/lib/core/factory/factory.js").ComponentClasses<{
+}> & import("@mantine/core").ComponentClasses<{
     props: HeaderBreadcrumbAnchorProps;
     ref: HTMLAnchorElement;
     stylesNames: HeaderBreadcrumbAnchorStyleNames;
     compound: true;
     defaultComponent: "a";
     defaultRef: HTMLAnchorElement;
-}> & import("node_modules/@mantine/core/lib/core/factory/polymorphic-factory.js").PolymorphicComponentWithProps<{
+}> & import("@mantine/core").PolymorphicComponentWithProps<{
     props: HeaderBreadcrumbAnchorProps;
     ref: HTMLAnchorElement;
     stylesNames: HeaderBreadcrumbAnchorStyleNames;

package/dist/esm/components/Header/HeaderBreadcrumbs/HeaderBreadcrumbText.d.ts

@@ -16,21 +16,21 @@ export declare const HeaderBreadcrumbText: (<C = "p">(props: import("@mantine/co
 }) | (TextProps & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
-})>, never> & import("node_modules/@mantine/core/lib/core/factory/factory.js").ThemeExtend<{
+})>, never> & import("@mantine/core").ThemeExtend<{
     props: TextProps;
     ref: HTMLParagraphElement;
     stylesNames: HeaderBreadcrumbTextStyleNames;
     compound: true;
     defaultComponent: "p";
     defaultRef: HTMLParagraphElement;
-}> & import("node_modules/@mantine/core/lib/core/factory/factory.js").ComponentClasses<{
+}> & import("@mantine/core").ComponentClasses<{
     props: TextProps;
     ref: HTMLParagraphElement;
     stylesNames: HeaderBreadcrumbTextStyleNames;
     compound: true;
     defaultComponent: "p";
     defaultRef: HTMLParagraphElement;
-}> & import("node_modules/@mantine/core/lib/core/factory/polymorphic-factory.js").PolymorphicComponentWithProps<{
+}> & import("@mantine/core").PolymorphicComponentWithProps<{
     props: TextProps;
     ref: HTMLParagraphElement;
     stylesNames: HeaderBreadcrumbTextStyleNames;

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

@@ -1,12 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Anchor, Tooltip, factory, useProps } from '@mantine/core';
-import { useHeaderContext } from '../Header.context.js';
 import { InfoToken } from '../../InfoToken/InfoToken.js';
+import { useHeaderContext } from '../Header.context.js';
 const defaultProps = {
     position: 'right',
-    children: /*#__PURE__*/ _jsx(InfoToken, {
-        variant: "question"
-    })
+    children: /*#__PURE__*/ _jsx(InfoToken.Question, {})
 };
 export const HeaderDocAnchor = factory((_props, ref)=>{
     const props = useProps('PlasmaHeaderActions', defaultProps, _props);

package/dist/esm/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 {useHeaderContext} from '../Header.context.js';\nimport {InfoToken} from '../../InfoToken/InfoToken.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 variant=\"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":["Anchor","Tooltip","factory","useProps","useHeaderContext","InfoToken","defaultProps","position","children","variant","HeaderDocAnchor","_props","ref","props","className","classNames","styles","style","label","vars","others","ctx","disabled","tooltip","getStyles","inline","target","displayName"],"mappings":";AAAA,SACIA,MAAM,EAINC,OAAO,EAEPC,OAAO,EACPC,QAAQ,QACL,gBAAgB;AAEvB,SAAQC,gBAAgB,QAAO,uBAAuB;AACtD,SAAQC,SAAS,QAAO,+BAA+B;AA+BvD,MAAMC,eAA8C;IAChDC,UAAU;IACVC,wBAAU,KAACH;QAAUI,SAAQ;;AACjC;AAEA,OAAO,MAAMC,kBAAkBR,QAAgC,CAACS,QAAQC;IACpE,MAAMC,QAAQV,SAAS,uBAAuBG,cAAcK;IAC5D,MAAM,EAACG,SAAS,EAAEC,UAAU,EAAEC,MAAM,EAAEC,KAAK,EAAET,QAAQ,EAAEU,KAAK,EAAEX,QAAQ,EAAEY,IAAI,EAAE,GAAGC,QAAO,GAAGP;IAE3F,MAAMQ,MAAMjB;IAEZ,qBACI,KAACH;QACGiB,OAAOA;QACPI,UAAU,CAACJ;QACXX,UAAUA;QACVQ,YAAY;YAACQ,SAASF,IAAIG,SAAS,CAAC,oBAAoB;gBAACT;gBAAYC;gBAAQH;YAAK,GAAGC,SAAS;QAAA;kBAE9F,cAAA,KAACd;YACGY,KAAKA;YACLa,MAAM;YACNC,QAAO;YACN,GAAGL,IAAIG,SAAS,CAAC,aAAa;gBAACT;gBAAYC;gBAAQH;gBAAOI;gBAAOH;YAAS,EAAE;YAC5E,GAAGM,MAAM;sBAETZ;;;AAIjB,GAAG;AAEHE,gBAAgBiB,WAAW,GAAG"}
+{"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":["Anchor","Tooltip","factory","useProps","InfoToken","useHeaderContext","defaultProps","position","children","Question","HeaderDocAnchor","_props","ref","props","className","classNames","styles","style","label","vars","others","ctx","disabled","tooltip","getStyles","inline","target","displayName"],"mappings":";AAAA,SACIA,MAAM,EAINC,OAAO,EAEPC,OAAO,EACPC,QAAQ,QACL,gBAAgB;AAEvB,SAAQC,SAAS,QAAO,+BAA+B;AACvD,SAAQC,gBAAgB,QAAO,uBAAuB;AA+BtD,MAAMC,eAA8C;IAChDC,UAAU;IACVC,wBAAU,KAACJ,UAAUK,QAAQ;AACjC;AAEA,OAAO,MAAMC,kBAAkBR,QAAgC,CAACS,QAAQC;IACpE,MAAMC,QAAQV,SAAS,uBAAuBG,cAAcK;IAC5D,MAAM,EAACG,SAAS,EAAEC,UAAU,EAAEC,MAAM,EAAEC,KAAK,EAAET,QAAQ,EAAEU,KAAK,EAAEX,QAAQ,EAAEY,IAAI,EAAE,GAAGC,QAAO,GAAGP;IAE3F,MAAMQ,MAAMhB;IAEZ,qBACI,KAACJ;QACGiB,OAAOA;QACPI,UAAU,CAACJ;QACXX,UAAUA;QACVQ,YAAY;YAACQ,SAASF,IAAIG,SAAS,CAAC,oBAAoB;gBAACT;gBAAYC;gBAAQH;YAAK,GAAGC,SAAS;QAAA;kBAE9F,cAAA,KAACd;YACGY,KAAKA;YACLa,MAAM;YACNC,QAAO;YACN,GAAGL,IAAIG,SAAS,CAAC,aAAa;gBAACT;gBAAYC;gBAAQH;gBAAOI;gBAAOH;YAAS,EAAE;YAC5E,GAAGM,MAAM;sBAETZ;;;AAIjB,GAAG;AAEHE,gBAAgBiB,WAAW,GAAG"}

package/dist/esm/components/InfoToken/InfoToken.d.ts

@@ -1,105 +1,49 @@
-import { BoxProps, Factory, MantineSize, StylesApiProps } from '@mantine/core';
+import { BoxProps, Factory, PolymorphicComponentProps, StylesApiProps } from '@mantine/core';
+import { FunctionComponent, ReactElement } from 'react';
 export type InfoTokenFactory = Factory<{
-    props: InfoTokenProps;
+    props: InfoTokenInternalProps;
     defaultRef: HTMLDivElement;
     defaultComponent: 'div';
     stylesNames: InfoTokenComponentStylesNames;
     vars: InfoTokenCssVariables;
     variant: InfoTokenVariant;
-    staticComponents: {
-        Information: typeof TokenInformation;
-        InformationOutline: typeof TokenInformationOutline;
-        Advice: typeof TokenAdvice;
-        Warning: typeof TokenWarning;
-        Error: typeof TokenError;
-        Question: typeof TokenQuestion;
-    };
 }>;
 export type InfoTokenComponentStylesNames = 'root';
-export type InfoTokenVariant = 'information' | 'information-outline' | 'advice' | 'warning' | 'error' | 'question';
+export type InfoTokenType = 'information' | 'advice' | 'warning' | 'error' | 'question' | 'success';
+export type InfoTokenVariant = 'outline' | 'light';
+export type InfoTokenSizes = 'xs' | 'sm' | 'md' | 'lg';
 export type InfoTokenCssVariables = {
-    root: '--info-token-color';
+    root: '--it-color' | '--it-bg';
 };
-export interface InfoTokenProps extends BoxProps, StylesApiProps<InfoTokenFactory> {
+interface InfoTokenInternalProps extends BoxProps, StylesApiProps<InfoTokenFactory> {
     /**
      * The variant of the token.
      *
-     * @default 'information'
+     * @default 'outline'
      */
     variant?: InfoTokenVariant;
+    /**
+     * The semantic type of the token
+     *
+     * @default 'information'
+     */
+    type?: InfoTokenType;
     /**
      * The size of the info token.
      *
-     * @default 'sm'
+     * @default 'xs'
      */
-    size?: MantineSize;
+    size?: InfoTokenSizes;
 }
-export declare const InfoToken: (<C = "div">(props: import("@mantine/core").PolymorphicComponentProps<C, InfoTokenProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(InfoTokenProps & {
-    component?: any;
-} & Omit<Omit<any, "ref">, "component" | keyof InfoTokenProps> & {
-    ref?: any;
-    renderRoot?: (props: any) => any;
-}) | (InfoTokenProps & {
-    component: React.ElementType;
-    renderRoot?: (props: Record<string, any>) => any;
-})>, never> & import("node_modules/@mantine/core/lib/core/factory/factory").ThemeExtend<{
-    props: InfoTokenProps;
-    defaultRef: HTMLDivElement;
-    defaultComponent: "div";
-    stylesNames: InfoTokenComponentStylesNames;
-    vars: InfoTokenCssVariables;
-    variant: InfoTokenVariant;
-    staticComponents: {
-        Information: typeof TokenInformation;
-        InformationOutline: typeof TokenInformationOutline;
-        Advice: typeof TokenAdvice;
-        Warning: typeof TokenWarning;
-        Error: typeof TokenError;
-        Question: typeof TokenQuestion;
-    };
-}> & import("node_modules/@mantine/core/lib/core/factory/factory").ComponentClasses<{
-    props: InfoTokenProps;
-    defaultRef: HTMLDivElement;
-    defaultComponent: "div";
-    stylesNames: InfoTokenComponentStylesNames;
-    vars: InfoTokenCssVariables;
-    variant: InfoTokenVariant;
-    staticComponents: {
-        Information: typeof TokenInformation;
-        InformationOutline: typeof TokenInformationOutline;
-        Advice: typeof TokenAdvice;
-        Warning: typeof TokenWarning;
-        Error: typeof TokenError;
-        Question: typeof TokenQuestion;
-    };
-}> & import("node_modules/@mantine/core/lib/core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
-    props: InfoTokenProps;
-    defaultRef: HTMLDivElement;
-    defaultComponent: "div";
-    stylesNames: InfoTokenComponentStylesNames;
-    vars: InfoTokenCssVariables;
-    variant: InfoTokenVariant;
-    staticComponents: {
-        Information: typeof TokenInformation;
-        InformationOutline: typeof TokenInformationOutline;
-        Advice: typeof TokenAdvice;
-        Warning: typeof TokenWarning;
-        Error: typeof TokenError;
-        Question: typeof TokenQuestion;
-    };
-}> & {
-    Information: typeof TokenInformation;
-    InformationOutline: typeof TokenInformationOutline;
-    Advice: typeof TokenAdvice;
-    Warning: typeof TokenWarning;
-    Error: typeof TokenError;
-    Question: typeof TokenQuestion;
+export type InfoTokenProps = Omit<InfoTokenInternalProps, 'type'>;
+type InfoTokenCompoundComponent = (<C = 'div'>(props: PolymorphicComponentProps<C, InfoTokenProps>) => ReactElement) & Omit<FunctionComponent<PolymorphicComponentProps<any, InfoTokenProps>>, never>;
+export declare const InfoToken: {
+    readonly Information: InfoTokenCompoundComponent;
+    readonly Advice: InfoTokenCompoundComponent;
+    readonly Warning: InfoTokenCompoundComponent;
+    readonly Error: InfoTokenCompoundComponent;
+    readonly Question: InfoTokenCompoundComponent;
+    readonly Success: InfoTokenCompoundComponent;
 };
-declare const TokenInformation: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, InfoTokenProps>) => React.ReactElement;
-declare const TokenInformationOutline: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, InfoTokenProps>) => React.ReactElement;
-declare const TokenAdvice: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, InfoTokenProps>) => React.ReactElement;
-declare const TokenWarning: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, InfoTokenProps>) => React.ReactElement;
-declare const TokenError: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, InfoTokenProps>) => React.ReactElement;
-declare const TokenQuestion: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, InfoTokenProps>) => React.ReactElement;
 export {};
 //# sourceMappingURL=InfoToken.d.ts.map

package/dist/esm/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,EAER,OAAO,EACP,WAAW,EAEX,cAAc,EAGjB,MAAM,eAAe,CAAC;AAGvB,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,6BAA6B,CAAC;IAC3C,IAAI,EAAE,qBAAqB,CAAC;IAC5B,OAAO,EAAE,gBAAgB,CAAC;IAC1B,gBAAgB,EAAE;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,kBAAkB,EAAE,OAAO,uBAAuB,CAAC;QACnD,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,KAAK,EAAE,OAAO,UAAU,CAAC;QACzB,QAAQ,EAAE,OAAO,aAAa,CAAC;KAClC,CAAC;CACL,CAAC,CAAC;AACH,MAAM,MAAM,6BAA6B,GAAG,MAAM,CAAC;AACnD,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG,qBAAqB,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AACnH,MAAM,MAAM,qBAAqB,GAAG;IAChC,IAAI,EAAE,oBAAoB,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,QAAQ,EAAE,cAAc,CAAC,gBAAgB,CAAC;IAC9E;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B;;;;OAIG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;CACtB;AAiED,eAAO,MAAM,SAAS;;;;;;;;;WAnGX,cAAc;gBACT,cAAc;sBACR,KAAK;iBACV,6BAA6B;UACpC,qBAAqB;aAClB,gBAAgB;sBACP;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,kBAAkB,EAAE,OAAO,uBAAuB,CAAC;QACnD,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,KAAK,EAAE,OAAO,UAAU,CAAC;QACzB,QAAQ,EAAE,OAAO,aAAa,CAAC;KAClC;;WAbM,cAAc;gBACT,cAAc;sBACR,KAAK;iBACV,6BAA6B;UACpC,qBAAqB;aAClB,gBAAgB;sBACP;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,kBAAkB,EAAE,OAAO,uBAAuB,CAAC;QACnD,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,KAAK,EAAE,OAAO,UAAU,CAAC;QACzB,QAAQ,EAAE,OAAO,aAAa,CAAC;KAClC;;WAbM,cAAc;gBACT,cAAc;sBACR,KAAK;iBACV,6BAA6B;UACpC,qBAAqB;aAClB,gBAAgB;sBACP;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,kBAAkB,EAAE,OAAO,uBAAuB,CAAC;QACnD,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,KAAK,EAAE,OAAO,UAAU,CAAC;QACzB,QAAQ,EAAE,OAAO,aAAa,CAAC;KAClC;;iBANgB,OAAO,gBAAgB;wBAChB,OAAO,uBAAuB;YAC1C,OAAO,WAAW;aACjB,OAAO,YAAY;WACrB,OAAO,UAAU;cACd,OAAO,aAAa;CAwHpC,CAAC;AAEH,QAAA,MAAM,gBAAgB,gHAEpB,CAAC;AAEH,QAAA,MAAM,uBAAuB,gHAE3B,CAAC;AACH,QAAA,MAAM,WAAW,gHAA2C,CAAC;AAE7D,QAAA,MAAM,YAAY,gHAA4C,CAAC;AAE/D,QAAA,MAAM,UAAU,gHAA0C,CAAC;AAE3D,QAAA,MAAM,aAAa,gHAA6C,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;AA2HnF,eAAO,MAAM,SAAS;;;;;;;CAOZ,CAAC"}