npm - @coveord/plasma-mantine - Versions diffs - 59.6.0 → 59.7.1 - Mend

@coveord/plasma-mantine 59.6.0 → 59.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (81) hide show

package/dist/esm/components/Alert/Alert.js.map CHANGED Viewed

	@@ -1 +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","MantineAlert","polymorphicFactory","InfoToken","props","ref","displayName","AlertInformation","withProps","~~color","~~icon","Information","size","vars","root","AlertAdvice","Advice","AlertSuccess","Success","AlertWarning","Warning","AlertCritical","Error","Critical"],"mappings":";AAAA,SAMIA,SAASC,YAAY,EACrBC,kBAAkB,QACf,gBAAgB;AAEvB,SAAQC,SAAS,QAAO,4BAA4B;AAkBpD,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;QAACC,MAAK;;IAClCC,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ,CAAA;AACJ;~~AACCP~~,iBAAmCD,WAAW,GAAG;AAElD,~~MAAMS~~,~~cAAcf~~,MAAMQ,SAAS,CAAC;~~IAChCE~~,oBAAM,~~KAACP~~,~~UAAUa~~,MAAM;QAACJ,MAAK;;IAC7BC,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ,CAAA;AACJ;AACCC,~~YAA8BT~~,WAAW,GAAG;AAE7C,~~MAAMW~~,~~eAAejB~~,MAAMQ,SAAS,CAAC;~~IACjCE~~,oBAAM,~~KAACP~~,~~UAAUe~~,OAAO;QAACN,MAAK;;IAC9BC,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ,CAAA;AACJ;AACCG,aAA+BX,WAAW,GAAG;AAE9C,~~MAAMa~~,~~eAAenB~~,MAAMQ,SAAS,CAAC;IACjCC,~~OAAO;IACPC,~~oBAAM,~~KAACP~~,~~UAAUiB~~,OAAO;QAACR,MAAK;;IAC9BC,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ,CAAA;AACJ;AACCK,aAA+Bb,WAAW,GAAG;AAE9C,~~MAAMe~~,~~gBAAgBrB~~,MAAMQ,SAAS,CAAC;~~IAClCE~~,oBAAM,~~KAACP~~,~~UAAUmB~~,KAAK;QAACV,MAAK;;IAC5BC,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ,CAAA;AACJ;AACCO,~~cAAgCf~~,WAAW,GAAG;AAE/CN,~~MAAMW~~,WAAW,~~GAAGJ~~;AACpBP,~~MAAMgB~~,MAAM,GAAGD;~~AACff~~,~~MAAMoB~~,OAAO,GAAGD;~~AAChBnB~~,~~MAAMuB~~,QAAQ,GAAGF;~~AACjBrB~~,~~MAAMkB~~,OAAO,GAAGD"}
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 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","MantineAlert","polymorphicFactory","InfoToken","props","ref","displayName","AlertInformation","withProps","icon","Information","size","vars","root","AlertAdvice","Advice","AlertSuccess","Success","AlertWarning","Warning","AlertCritical","Error","Critical"],"mappings":";AAAA,SAMIA,SAASC,YAAY,EACrBC,kBAAkB,QACf,gBAAgB;AAEvB,SAAQC,SAAS,QAAO,4BAA4B;AAkBpD,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,oBAAM,KAACN,UAAUO,WAAW;QAACC,MAAK;;IAClCC,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ,CAAA;AACJ;AACCN,iBAAmCD,WAAW,GAAG;AAElD,MAAMQ,cAAcd,MAAMQ,SAAS,CAAC;IAChCC,oBAAM,KAACN,UAAUY,MAAM;QAACJ,MAAK;;IAC7BC,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ,CAAA;AACJ;AACCC,YAA8BR,WAAW,GAAG;AAE7C,MAAMU,eAAehB,MAAMQ,SAAS,CAAC;IACjCC,oBAAM,KAACN,UAAUc,OAAO;QAACN,MAAK;;IAC9BC,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ,CAAA;AACJ;AACCG,aAA+BV,WAAW,GAAG;AAE9C,MAAMY,eAAelB,MAAMQ,SAAS,CAAC;IACjCC,oBAAM,KAACN,UAAUgB,OAAO;QAACR,MAAK;;IAC9BC,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ,CAAA;AACJ;AACCK,aAA+BZ,WAAW,GAAG;AAE9C,MAAMc,gBAAgBpB,MAAMQ,SAAS,CAAC;IAClCC,oBAAM,KAACN,UAAUkB,KAAK;QAACV,MAAK;;IAC5BC,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ,CAAA;AACJ;AACCO,cAAgCd,WAAW,GAAG;AAE/CN,MAAMU,WAAW,GAAGH;AACpBP,MAAMe,MAAM,GAAGD;AACfd,MAAMmB,OAAO,GAAGD;AAChBlB,MAAMsB,QAAQ,GAAGF;AACjBpB,MAAMiB,OAAO,GAAGD"}

package/dist/esm/components/Header/Header.context.d.ts CHANGED Viewed

@@ -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/esm/components/Header/Header.context.d.ts.map CHANGED Viewed

	@@ -1 +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"}
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,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/esm/components/Header/Header.context.js.map CHANGED Viewed

	@@ -1 +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":["createSafeContext","HeaderProvider","useHeaderContext"],"mappings":"AAAA,SAAsBA,iBAAiB,QAAO,gBAAgB;~~AAO9D~~,OAAO,MAAM,CAACC,gBAAgBC,iBAAiB,GAAGF,kBAC9C,0CACF"}
1	+ {"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":["createSafeContext","HeaderProvider","useHeaderContext"],"mappings":"AAAA,SAAsBA,iBAAiB,QAAO,gBAAgB;AAQ9D,OAAO,MAAM,CAACC,gBAAgBC,iBAAiB,GAAGF,kBAC9C,0CACF"}

package/dist/esm/components/Header/Header.js CHANGED Viewed

@@ -39,7 +39,8 @@ export const Header = factory((_props, ref)=>{
     const otherChildren = convertedChildren.filter((child)=>child.type !== HeaderBreadcrumbs && child.type !== HeaderRight && child.type !== HeaderDocAnchor);
     return /*#__PURE__*/ _jsxs(HeaderProvider, {
         value: {
-            getStyles
+            getStyles,
+            variant
         },
         children: [
             /*#__PURE__*/ _jsxs(Group, {

package/dist/esm/components/Header/Header.js.map CHANGED Viewed

	@@ -1 +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":["Divider","Group","Stack","Text","Title","factory","useProps","useStyles","Children","HeaderProvider","classes","HeaderBreadcrumbAnchor","HeaderBreadcrumbs","HeaderBreadcrumbText","HeaderDocAnchor","HeaderRight","defaultProps","variant","justify","wrap","getSpacing","Header","_props","ref","props","className","description","borderBottom","children","style","classNames","unstyled","vars","styles","titleComponent","TitleComponent","others","getStyles","name","stylesApiProps","convertedChildren","toArray","breadcrumbs","find","child","type","right","docAnchor","otherChildren","filter","value","gap","component","order","size","displayName","Breadcrumbs","BreadcrumbAnchor","BreadcrumbText","Right","DocAnchor"],"mappings":";AAAA,SACIA,OAAO,EAEPC,KAAK,EAELC,KAAK,EAELC,IAAI,EACJC,KAAK,EACLC,OAAO,EACPC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,SAAQC,QAAQ,QAA6C,QAAQ;AACrE,SAAQC,cAAc,QAAO,sBAAsB;AACnD,OAAOC,aAAa,sBAAsB;AAC1C,SACIC,sBAAsB,QAEnB,gDAAgD;AACvD,SAAQC,iBAAiB,QAAoC,2CAA2C;AACxG,SAAQC,oBAAoB,QAAuC,8CAA8C;AACjH,SAAQC,eAAe,QAAkC,uCAAuC;AAChG,SAAQC,WAAW,QAA8B,+BAA+B;AAgEhF,MAAMC,~~eAAqC~~;~~IACvCC~~,SAAS;IACTC,SAAS;IACTC,MAAM;AACV;AAEA,MAAMC,aAAa,CAACH,UAA4BA,YAAY,cAAc,QAAQ;AAElF,OAAO,MAAMI,SAAShB,QAAuB,CAACiB,QAAQC;IAClD,MAAMC,QAAQlB,SAAS,gBAAgBU,cAAcM;IACrD,MAAM,EACFG,SAAS,EACTC,WAAW,EACXC,YAAY,EACZV,OAAO,EACPW,QAAQ,EACRC,KAAK,EACLC,UAAU,EACVC,QAAQ,EACRC,IAAI,EACJC,MAAM,EACNC,gBAAgBC,cAAc,EAC9B,GAAGC,QACN,GAAGZ;IACJ,MAAMa,YAAY9B,UAAyB;QACvC+B,MAAM;QACNd;QACAd;QACAe;QACAI;QACAC;QACAG;QACAF;QACAC;IACJ;IACA,MAAMO,iBAAiB;QAACT;QAAYG;IAAM;IAE1C,MAAMO,oBAAoBhC,SAASiC,OAAO,CAACb;IAC3C,MAAMc,cAAcF,kBAAkBG,IAAI,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAKjC;IACrE,MAAMkC,QAAQN,kBAAkBG,IAAI,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAK9B;IAC/D,MAAMgC,YAAYP,kBAAkBG,IAAI,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAK/B;IACnE,MAAMkC,gBAAgBR,kBAAkBS,MAAM,CAC1C,CAACL,QAAUA,MAAMC,IAAI,KAAKjC,qBAAqBgC,MAAMC,IAAI,KAAK9B,eAAe6B,MAAMC,IAAI,KAAK/B;IAEhG,qBACI,MAACL;QAAeyC,OAAO;YAACb;~~QAAS~~;;~~0BAC7B~~,~~MAACpC~~;gBAAMsB,KAAKA;gBAAKN,SAASA;gBAAU,GAAGoB,UAAU,OAAO;gBAAG,GAAGD,MAAM;;kCAChE,MAAClC;wBAAMiD,KAAK/B,WAAWH;;4BAClByB;0CACD,MAACtC;gCACGa,SAASA;gCACTmC,WAAWjB;gCACXkB,OAAOpC,YAAY,YAAY,IAAI;gCAClC,GAAGoB,UAAU,SAASE,eAAe;;oCAErCS;oCACAD;;;0CAEL,KAAC5C;gCACGiD,WAAU;gCACT,GAAGf,UAAU,eAAeE,eAAe;gCAC5Ce,MAAMrC,YAAY,YAAY,OAAO;0CAEpCS;;;;oBAGRoB;;;YAEJnB,6BAAe,KAAC3B;gBAAS,GAAGqC,UAAU,WAAWE,eAAe;gBAAEe,MAAK;iBAAU;;;AAG9F,GAAG;AAEHjC,OAAOkC,WAAW,GAAG;AACrBlC,OAAOmC,WAAW,GAAG5C;AACrBS,OAAOoC,gBAAgB,GAAG9C;AAC1BU,OAAOqC,cAAc,GAAG7C;AACxBQ,OAAOsC,KAAK,GAAG5C;AACfM,OAAOuC,SAAS,GAAG9C"}
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 = {\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":["Divider","Group","Stack","Text","Title","factory","useProps","useStyles","Children","HeaderProvider","classes","HeaderBreadcrumbAnchor","HeaderBreadcrumbs","HeaderBreadcrumbText","HeaderDocAnchor","HeaderRight","defaultProps","variant","justify","wrap","getSpacing","Header","_props","ref","props","className","description","borderBottom","children","style","classNames","unstyled","vars","styles","titleComponent","TitleComponent","others","getStyles","name","stylesApiProps","convertedChildren","toArray","breadcrumbs","find","child","type","right","docAnchor","otherChildren","filter","value","gap","component","order","size","displayName","Breadcrumbs","BreadcrumbAnchor","BreadcrumbText","Right","DocAnchor"],"mappings":";AAAA,SACIA,OAAO,EAEPC,KAAK,EAELC,KAAK,EAELC,IAAI,EACJC,KAAK,EACLC,OAAO,EACPC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,SAAQC,QAAQ,QAA6C,QAAQ;AACrE,SAAQC,cAAc,QAAO,sBAAsB;AACnD,OAAOC,aAAa,sBAAsB;AAC1C,SACIC,sBAAsB,QAEnB,gDAAgD;AACvD,SAAQC,iBAAiB,QAAoC,2CAA2C;AACxG,SAAQC,oBAAoB,QAAuC,8CAA8C;AACjH,SAAQC,eAAe,QAAkC,uCAAuC;AAChG,SAAQC,WAAW,QAA8B,+BAA+B;AAgEhF,MAAMC,eAAe;IACjBC,SAAS;IACTC,SAAS;IACTC,MAAM;AACV;AAEA,MAAMC,aAAa,CAACH,UAA4BA,YAAY,cAAc,QAAQ;AAElF,OAAO,MAAMI,SAAShB,QAAuB,CAACiB,QAAQC;IAClD,MAAMC,QAAQlB,SAAS,gBAAgBU,cAAcM;IACrD,MAAM,EACFG,SAAS,EACTC,WAAW,EACXC,YAAY,EACZV,OAAO,EACPW,QAAQ,EACRC,KAAK,EACLC,UAAU,EACVC,QAAQ,EACRC,IAAI,EACJC,MAAM,EACNC,gBAAgBC,cAAc,EAC9B,GAAGC,QACN,GAAGZ;IACJ,MAAMa,YAAY9B,UAAyB;QACvC+B,MAAM;QACNd;QACAd;QACAe;QACAI;QACAC;QACAG;QACAF;QACAC;IACJ;IACA,MAAMO,iBAAiB;QAACT;QAAYG;IAAM;IAE1C,MAAMO,oBAAoBhC,SAASiC,OAAO,CAACb;IAC3C,MAAMc,cAAcF,kBAAkBG,IAAI,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAKjC;IACrE,MAAMkC,QAAQN,kBAAkBG,IAAI,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAK9B;IAC/D,MAAMgC,YAAYP,kBAAkBG,IAAI,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAK/B;IACnE,MAAMkC,gBAAgBR,kBAAkBS,MAAM,CAC1C,CAACL,QAAUA,MAAMC,IAAI,KAAKjC,qBAAqBgC,MAAMC,IAAI,KAAK9B,eAAe6B,MAAMC,IAAI,KAAK/B;IAEhG,qBACI,MAACL;QAAeyC,OAAO;YAACb;YAAWpB;QAAO;;0BACtC,MAAChB;gBAAMsB,KAAKA;gBAAKN,SAASA;gBAAU,GAAGoB,UAAU,OAAO;gBAAG,GAAGD,MAAM;;kCAChE,MAAClC;wBAAMiD,KAAK/B,WAAWH;;4BAClByB;0CACD,MAACtC;gCACGa,SAASA;gCACTmC,WAAWjB;gCACXkB,OAAOpC,YAAY,YAAY,IAAI;gCAClC,GAAGoB,UAAU,SAASE,eAAe;;oCAErCS;oCACAD;;;0CAEL,KAAC5C;gCACGiD,WAAU;gCACT,GAAGf,UAAU,eAAeE,eAAe;gCAC5Ce,MAAMrC,YAAY,YAAY,OAAO;0CAEpCS;;;;oBAGRoB;;;YAEJnB,6BAAe,KAAC3B;gBAAS,GAAGqC,UAAU,WAAWE,eAAe;gBAAEe,MAAK;iBAAU;;;AAG9F,GAAG;AAEHjC,OAAOkC,WAAW,GAAG;AACrBlC,OAAOmC,WAAW,GAAG5C;AACrBS,OAAOoC,gBAAgB,GAAG9C;AAC1BU,OAAOqC,cAAc,GAAG7C;AACxBQ,OAAOsC,KAAK,GAAG5C;AACfM,OAAOuC,SAAS,GAAG9C"}

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

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

package/dist/esm/components/Header/HeaderDocAnchor/HeaderDocAnchor.d.ts.map CHANGED Viewed

	@@ -1 +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"}
1	+ {"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/esm/components/Header/HeaderDocAnchor/HeaderDocAnchor.js CHANGED Viewed

@@ -1,14 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Anchor, Tooltip, factory, useProps } from '@mantine/core';
-import { InfoToken } from '../../InfoToken/InfoToken.js';
+import { IconExternalLink } from '@coveord/plasma-react-icons';
+import { Tooltip, factory, useProps } from '@mantine/core';
+import { ActionIcon } from '../../ActionIcon/ActionIcon.js';
 import { useHeaderContext } from '../Header.context.js';
 const defaultProps = {
     position: 'right',
-    children: /*#__PURE__*/ _jsx(InfoToken.Question, {})
+    children: /*#__PURE__*/ _jsx(IconExternalLink, {})
 };
 export const HeaderDocAnchor = factory((_props, ref)=>{
     const props = useProps('PlasmaHeaderActions', defaultProps, _props);
-    const { className, classNames, styles, style, children, label, position, vars, ...others } = props;
+    const { className, classNames, styles, style, children, label, position, vars, size, ...others } = props;
     const ctx = useHeaderContext();
     return /*#__PURE__*/ _jsx(Tooltip, {
         label: label,
@@ -21,10 +22,13 @@ export const HeaderDocAnchor = factory((_props, ref)=>{
                 props
             }).className
         },
-        children: /*#__PURE__*/ _jsx(Anchor, {
+        children: /*#__PURE__*/ _jsx(ActionIcon.Tertiary, {
             ref: ref,
-            inline: true,
+            size: ctx.variant === 'primary' ? 'lg' : 'md',
+            component: "a",
             target: "_blank",
+            rel: "noopener noreferrer",
+            "aria-label": "external",
             ...ctx.getStyles('docAnchor', {
                 classNames,
                 styles,

package/dist/esm/components/Header/HeaderDocAnchor/HeaderDocAnchor.js.map CHANGED Viewed

	@@ -1 +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":["~~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"}
1	+ {"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":["IconExternalLink","Tooltip","factory","useProps","ActionIcon","useHeaderContext","defaultProps","position","children","HeaderDocAnchor","_props","ref","props","className","classNames","styles","style","label","vars","size","others","ctx","disabled","tooltip","getStyles","Tertiary","variant","component","target","rel","aria-label","displayName"],"mappings":";AAAA,SAAQA,gBAAgB,QAAO,8BAA8B;AAC7D,SAAsDC,OAAO,EAAgBC,OAAO,EAAEC,QAAQ,QAAO,gBAAgB;AAErH,SAAQC,UAAU,QAAO,iCAAiC;AAC1D,SAAQC,gBAAgB,QAAO,uBAAuB;AA+BtD,MAAMC,eAA8C;IAChDC,UAAU;IACVC,wBAAU,KAACR;AACf;AAEA,OAAO,MAAMS,kBAAkBP,QAAgC,CAACQ,QAAQC;IACpE,MAAMC,QAAQT,SAAS,uBAAuBG,cAAcI;IAC5D,MAAM,EAACG,SAAS,EAAEC,UAAU,EAAEC,MAAM,EAAEC,KAAK,EAAER,QAAQ,EAAES,KAAK,EAAEV,QAAQ,EAAEW,IAAI,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGR;IAEjG,MAAMS,MAAMhB;IAEZ,qBACI,KAACJ;QACGgB,OAAOA;QACPK,UAAU,CAACL;QACXV,UAAUA;QACVO,YAAY;YAACS,SAASF,IAAIG,SAAS,CAAC,oBAAoB;gBAACV;gBAAYC;gBAAQH;YAAK,GAAGC,SAAS;QAAA;kBAE9F,cAAA,KAACT,WAAWqB,QAAQ;YAChBd,KAAKA;YACLQ,MAAME,IAAIK,OAAO,KAAK,YAAY,OAAO;YACzCC,WAAU;YACVC,QAAO;YACPC,KAAI;YACJC,cAAW;YACV,GAAGT,IAAIG,SAAS,CAAC,aAAa;gBAACV;gBAAYC;gBAAQH;gBAAOI;gBAAOH;YAAS,EAAE;YAC5E,GAAGO,MAAM;sBAETZ;;;AAIjB,GAAG;AAEHC,gBAAgBsB,WAAW,GAAG"}

package/dist/esm/components/InfoToken/InfoToken.d.ts.map CHANGED Viewed

	@@ -1 +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"}
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;AA6HnF,eAAO,MAAM,SAAS;;;;;;;CAOZ,CAAC"}

package/dist/esm/components/InfoToken/InfoToken.js CHANGED Viewed

@@ -12,14 +12,15 @@ const 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)';
     }
@@ -28,14 +29,15 @@ const 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/esm/components/InfoToken/InfoToken.js.map CHANGED Viewed

	@@ -1 +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":["IconAlertSquare","IconAlertTriangle","IconBulb","IconCheck","IconHelpCircle","IconInfoCircle","Box","createPolymorphicComponent","createVarsResolver","polymorphicFactory","useProps","useStyles","forwardRef","classes","defaultProps","variant","type","size","colorResolver","bgColorResolver","sizeResolver","iconResolver","varsResolver","_theme","color","bgColor","root","_InfoToken","_props","ref","props","vars","className","style","unstyled","styles","classNames","others","getStyles","name","IconComponent","role","aria-label","createInfoTokenCompound","displayName","Component","InfoToken","Information","Advice","Warning","Error","Question","Success"],"mappings":";AAAA,SACIA,eAAe,EACfC,iBAAiB,EACjBC,QAAQ,EACRC,SAAS,EACTC,cAAc,EACdC,cAAc,QAEX,8BAA8B;AACrC,SACIC,GAAG,EAEHC,0BAA0B,EAC1BC,kBAAkB,EAGlBC,kBAAkB,EAElBC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,SAAQC,UAAU,QAAwC,QAAQ;AAClE,OAAOC,aAAa,yBAAyB;AA4C7C,MAAMC,eAAgD;IAACC,SAAS;IAAWC,MAAM;IAAeC,MAAM;AAAI;AAE1G,MAAMC,gBAAgB,CAACF;IACnB,OAAQA;QACJ,KAAK;YACD,OAAO;QACX,KAAK;~~QACL~~,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;QACL;YACI,OAAO;IACf;AACJ;AAEA,MAAMG,kBAAkB,CAACH;IACrB,OAAQA;QACJ,KAAK;YACD,OAAO;QACX,KAAK;~~QACL~~,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;QACL;YACI,OAAO;IACf;AACJ;AAEA,MAAMI,eAAe,CAACH;IAClB,OAAQA;QACJ,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;QACL;YACI,OAAO;IACf;AACJ;AAEA,MAAMI,eAAe,CAACL;IAClB,OAAQA;QACJ,KAAK;YACD,OAAOhB;QACX,KAAK;YACD,OAAOI;QACX,KAAK;YACD,OAAOH;QACX,KAAK;YACD,OAAOC;QACX,KAAK;YACD,OAAOC;QACX;YACI,OAAOE;IACf;AACJ;AAEA,MAAMiB,eAAed,mBAAqC,CAACe,QAAQ,EAACP,IAAI,EAAC;IACrE,MAAMQ,QAAQN,cAAcF;IAC5B,MAAMS,UAAUN,gBAAgBH;IAChC,OAAO;QACHU,MAAM;YACF,cAAcF;YACd,WAAWC;QACf;IACJ;AACJ;AAEA,MAAME,aAAalB,mBAAqC,CAACmB,QAAQC;IAC7D,MAAMC,QAAQpB,SAAS,aAAaI,cAAcc;IAClD,MAAM,EAACb,OAAO,EAAEC,IAAI,EAAEe,IAAI,EAAEC,SAAS,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,UAAU,EAAEnB,IAAI,EAAE,GAAGoB,QAAO,GAAGP;IAC/F,MAAMQ,YAAY3B,UAA4B;QAC1C4B,MAAM;QACN1B;QACAmB;QACAF;QACAG;QACAE;QACAD;QACAH;QACAT;IACJ;IACA,MAAMkB,gBAAgBnB,aAAaL;IACnC,qBACI,KAACV;QACGuB,KAAKA;QACLd,SAASA;QACT0B,MAAK;QACLC,cAAY1B;QACZC,MAAMA;QACL,GAAGqB,UAAU,QAAQ;YAClBN;YACAC;YACAE;YACAC;QACJ,EAAE;QACD,GAAGC,MAAM;kBAEV,cAAA,KAACG;YAAcvB,MAAMG,aAAaH;;;AAG9C;AAEA,MAAM0B,0BAA0B,CAAC3B,MAAqB4B;IAClD,MAAMC,YAAwCtC,yCAC1CK,WAAgC,CAACkB,OAAOD,oBAAQ,KAACF;YAAWE,KAAKA;YAAM,GAAGC,KAAK;YAAEd,MAAMA;;IAE3F6B,UAAUD,WAAW,GAAGA;IACxB,OAAOC;AACX;AAEA,OAAO,MAAMC,YAAY;IACrBC,aAAaJ,wBAAwB,eAAe;IACpDK,QAAQL,wBAAwB,UAAU;IAC1CM,SAASN,wBAAwB,WAAW;IAC5CO,OAAOP,wBAAwB,SAAS;IACxCQ,UAAUR,wBAAwB,YAAY;IAC9CS,SAAST,wBAAwB,WAAW;AAChD,EAAW"}
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 '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":["IconAlertSquare","IconAlertTriangle","IconBulb","IconCheck","IconHelpCircle","IconInfoCircle","Box","createPolymorphicComponent","createVarsResolver","polymorphicFactory","useProps","useStyles","forwardRef","classes","defaultProps","variant","type","size","colorResolver","bgColorResolver","sizeResolver","iconResolver","varsResolver","_theme","color","bgColor","root","_InfoToken","_props","ref","props","vars","className","style","unstyled","styles","classNames","others","getStyles","name","IconComponent","role","aria-label","createInfoTokenCompound","displayName","Component","InfoToken","Information","Advice","Warning","Error","Question","Success"],"mappings":";AAAA,SACIA,eAAe,EACfC,iBAAiB,EACjBC,QAAQ,EACRC,SAAS,EACTC,cAAc,EACdC,cAAc,QAEX,8BAA8B;AACrC,SACIC,GAAG,EAEHC,0BAA0B,EAC1BC,kBAAkB,EAGlBC,kBAAkB,EAElBC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,SAAQC,UAAU,QAAwC,QAAQ;AAClE,OAAOC,aAAa,yBAAyB;AA4C7C,MAAMC,eAAgD;IAACC,SAAS;IAAWC,MAAM;IAAeC,MAAM;AAAI;AAE1G,MAAMC,gBAAgB,CAACF;IACnB,OAAQA;QACJ,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;QACL;YACI,OAAO;IACf;AACJ;AAEA,MAAMG,kBAAkB,CAACH;IACrB,OAAQA;QACJ,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;QACL;YACI,OAAO;IACf;AACJ;AAEA,MAAMI,eAAe,CAACH;IAClB,OAAQA;QACJ,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;QACL;YACI,OAAO;IACf;AACJ;AAEA,MAAMI,eAAe,CAACL;IAClB,OAAQA;QACJ,KAAK;YACD,OAAOhB;QACX,KAAK;YACD,OAAOI;QACX,KAAK;YACD,OAAOH;QACX,KAAK;YACD,OAAOC;QACX,KAAK;YACD,OAAOC;QACX;YACI,OAAOE;IACf;AACJ;AAEA,MAAMiB,eAAed,mBAAqC,CAACe,QAAQ,EAACP,IAAI,EAAC;IACrE,MAAMQ,QAAQN,cAAcF;IAC5B,MAAMS,UAAUN,gBAAgBH;IAChC,OAAO;QACHU,MAAM;YACF,cAAcF;YACd,WAAWC;QACf;IACJ;AACJ;AAEA,MAAME,aAAalB,mBAAqC,CAACmB,QAAQC;IAC7D,MAAMC,QAAQpB,SAAS,aAAaI,cAAcc;IAClD,MAAM,EAACb,OAAO,EAAEC,IAAI,EAAEe,IAAI,EAAEC,SAAS,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,UAAU,EAAEnB,IAAI,EAAE,GAAGoB,QAAO,GAAGP;IAC/F,MAAMQ,YAAY3B,UAA4B;QAC1C4B,MAAM;QACN1B;QACAmB;QACAF;QACAG;QACAE;QACAD;QACAH;QACAT;IACJ;IACA,MAAMkB,gBAAgBnB,aAAaL;IACnC,qBACI,KAACV;QACGuB,KAAKA;QACLd,SAASA;QACT0B,MAAK;QACLC,cAAY1B;QACZC,MAAMA;QACL,GAAGqB,UAAU,QAAQ;YAClBN;YACAC;YACAE;YACAC;QACJ,EAAE;QACD,GAAGC,MAAM;kBAEV,cAAA,KAACG;YAAcvB,MAAMG,aAAaH;;;AAG9C;AAEA,MAAM0B,0BAA0B,CAAC3B,MAAqB4B;IAClD,MAAMC,YAAwCtC,yCAC1CK,WAAgC,CAACkB,OAAOD,oBAAQ,KAACF;YAAWE,KAAKA;YAAM,GAAGC,KAAK;YAAEd,MAAMA;;IAE3F6B,UAAUD,WAAW,GAAGA;IACxB,OAAOC;AACX;AAEA,OAAO,MAAMC,YAAY;IACrBC,aAAaJ,wBAAwB,eAAe;IACpDK,QAAQL,wBAAwB,UAAU;IAC1CM,SAASN,wBAAwB,WAAW;IAC5CO,OAAOP,wBAAwB,SAAS;IACxCQ,UAAUR,wBAAwB,YAAY;IAC9CS,SAAST,wBAAwB,WAAW;AAChD,EAAW"}

package/dist/esm/components/Input/InputLabelInfo.js CHANGED Viewed

@@ -21,7 +21,7 @@ export const InputLabelInfo = factory((_props, ref)=>{
     return /*#__PURE__*/ _jsx(Tooltip, {
         label: children,
         ...others,
-        children: /*#__PURE__*/ _jsx(InfoToken.Information, {
+        children: /*#__PURE__*/ _jsx(InfoToken.Question, {
             component: "span",
             ...getStyles('labelInfo', {
                 className,

package/dist/esm/components/Input/InputLabelInfo.js.map CHANGED Viewed

	@@ -1 +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":["factory","Tooltip","useProps","useStyles","InfoToken","classes","defaultProps","InputLabelInfo","_props","ref","props","classNames","className","style","styles","unstyled","vars","children","attributes","others","getStyles","name","label","~~Information~~","component","onClick","e","preventDefault"],"mappings":";AAAA,SAAQA,OAAO,EAAkBC,OAAO,EAAEC,QAAQ,EAAEC,SAAS,QAAwC,gBAAgB;AAErH,SAAQC,SAAS,QAAO,4BAA4B;AACpD,OAAOC,aAAa,8BAA8B;AAiBlD,MAAMC,eAAe,CAAC;AAEtB,OAAO,MAAMC,iBAAiBP,QAA+B,CAACQ,QAAQC;IAClE,MAAMC,QAAQR,SAAS,kBAAkBI,cAAcE;IACvD,MAAM,EAACG,UAAU,EAAEC,SAAS,EAAEC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,EAAE,GAAGC,QAAO,GAAGT;IAChG,MAAMU,YAAYjB,UAAiC;QAC/CkB,MAAM;QACNX;QACAG;QACAC;QACAC;QACAG;QACAN;QACAP;QACAM;QACAK;IACJ;IACA,qBACI,KAACf;QAAQqB,OAAOL;QAAW,GAAGE,MAAM;kBAChC,cAAA,KAACf,UAAUmB,~~WAAW~~;~~YAClBC~~,WAAU;YACT,GAAGJ,UAAU,aAAa;gBAACR;gBAAWC;YAAK,EAAE;YAC9CJ,KAAKA;YACLgB,SAAS,CAACC,IAAkBA,EAAEC,cAAc;;;AAI5D,GAAG"}
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.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":["factory","Tooltip","useProps","useStyles","InfoToken","classes","defaultProps","InputLabelInfo","_props","ref","props","classNames","className","style","styles","unstyled","vars","children","attributes","others","getStyles","name","label","Question","component","onClick","e","preventDefault"],"mappings":";AAAA,SAAQA,OAAO,EAAkBC,OAAO,EAAEC,QAAQ,EAAEC,SAAS,QAAwC,gBAAgB;AAErH,SAAQC,SAAS,QAAO,4BAA4B;AACpD,OAAOC,aAAa,8BAA8B;AAiBlD,MAAMC,eAAe,CAAC;AAEtB,OAAO,MAAMC,iBAAiBP,QAA+B,CAACQ,QAAQC;IAClE,MAAMC,QAAQR,SAAS,kBAAkBI,cAAcE;IACvD,MAAM,EAACG,UAAU,EAAEC,SAAS,EAAEC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,EAAE,GAAGC,QAAO,GAAGT;IAChG,MAAMU,YAAYjB,UAAiC;QAC/CkB,MAAM;QACNX;QACAG;QACAC;QACAC;QACAG;QACAN;QACAP;QACAM;QACAK;IACJ;IACA,qBACI,KAACf;QAAQqB,OAAOL;QAAW,GAAGE,MAAM;kBAChC,cAAA,KAACf,UAAUmB,QAAQ;YACfC,WAAU;YACT,GAAGJ,UAAU,aAAa;gBAACR;gBAAWC;YAAK,EAAE;YAC9CJ,KAAKA;YACLgB,SAAS,CAACC,IAAkBA,EAAEC,cAAc;;;AAI5D,GAAG"}

package/dist/esm/components/Table/Table.d.ts CHANGED Viewed

@@ -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/esm/components/Table/Table.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"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~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~eA/~~B1E~~,UAAU,CAAC,OAAO,CAAC;aACrB,cAAc;qBACN,gBAAgB;0BACX;YACd,eAAe,EAAE,OAAO,oBAAoB,CAAC;YAC7C,aAAa,EAAE,OAAO,kBAAkB,CAAC;YACzC,UAAU,EAAE,OAAO,eAAe,CAAC;YACnC,iBAAiB,EAAE,OAAO,sBAAsB,CAAC;YACjD,eAAe,EAAE,OAAO,oBAAoB,CAAC;YAC7C,MAAM,EAAE,OAAO,WAAW,CAAC;YAC3B,MAAM,EAAE,OAAO,WAAW,CAAC;YAC3B,MAAM,EAAE,OAAO,WAAW,CAAC;YAC3B,WAAW,EAAE,OAAO,gBAAgB,CAAC;YACrC,OAAO,EAAE,OAAO,YAAY,CAAC;YAC7B,OAAO,EAAE,OAAO,YAAY,CAAC;YAC7B,MAAM,EAAE,OAAO,WAAW,CAAC;YAC3B,UAAU,EAAE,OAAO,eAAe,CAAC;YACnC,OAAO,EAAE,OAAO,YAAY,CAAC;YAC7B,SAAS,EAAE,OAAO,cAAc,CAAC;SACpC;;~~CAoNJ~~,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;CAOhC,CAAC"}
1	+ {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Table/Table.js CHANGED Viewed

@@ -180,12 +180,12 @@ export const Table = (props)=>{
                                                 children: header
                                             })
                                         }) : null,
-                                        /*#__PURE__*/ _jsx(Layout.Header, {
+                                        hasRows || loading ? /*#__PURE__*/ _jsx(Layout.Header, {
                                             getRowExpandedContent: getRowExpandedContent,
                                             getRowAttributes: getRowAttributes,
                                             loading: loading,
                                             ...layoutProps
-                                        })
+                                        }) : null
                                     ]
                                 }),
                                 /*#__PURE__*/ _jsx("tbody", {
@@ -223,21 +223,52 @@ export const TableComponentsOrder = {
     DateRangePicker: 3,
     LayoutControl: 1
 };
-Table.AccordionColumn = TableAccordionColumn;
-Table.ActionsColumn = TableActionsColumn;
-Table.ActionItem = TableActionItem;
-Table.CollapsibleColumn = TableCollapsibleColumn;
-Table.DateRangePicker = TableDateRangePicker;
-Table.Filter = TableFilter;
-Table.Footer = TableFooter;
-Table.Header = TableHeader;
-Table.LastUpdated = TableLastUpdated;
-Table.Layouts = TableLayouts;
-Table.Loading = TableLoading;
-Table.NoData = TableNoData;
-Table.Pagination = TablePagination;
-Table.PerPage = TablePerPage;
-Table.Predicate = TablePredicate;
+/**
+ * Generic column to use when your table needs an accordion (collapsible rows, but only one open at a time).
+ */ Table.AccordionColumn = TableAccordionColumn;
+/**
+ * Generic column to use when your table needs actions on rows
+ */ Table.ActionsColumn = TableActionsColumn;
+/**
+ * An action to display when a row is selected in the table. Can be displayed as a primary action or menu item.
+ */ Table.ActionItem = TableActionItem;
+/**
+ * Generic column to use when your table needs collapsible rows
+ */ Table.CollapsibleColumn = TableCollapsibleColumn;
+/**
+ * A date range picker integrated with the table store that resets pagination on change.
+ */ Table.DateRangePicker = TableDateRangePicker;
+/**
+ * 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.
+ */ Table.Filter = TableFilter;
+/**
+ * Container for elements displayed below the table body, typically pagination and per-page controls.
+ */ Table.Footer = TableFooter;
+/**
+ * Container for elements displayed above the table body such as filters, predicates, and actions.
+ */ Table.Header = TableHeader;
+/**
+ * Displays the time of the last data update, automatically refreshing when table data changes.
+ */ Table.LastUpdated = TableLastUpdated;
+/**
+ * Available table layout configurations (e.g., Rows, Cards).
+ */ Table.Layouts = TableLayouts;
+/**
+ * Skeleton overlay displayed while the table data is loading.
+ */ Table.Loading = TableLoading;
+/**
+ * Container displayed when the table has no data to show.
+ */ Table.NoData = TableNoData;
+/**
+ * Page navigation control that syncs with the table store and scrolls to the table on page change.
+ */ Table.Pagination = TablePagination;
+/**
+ * Control allowing users to choose how many results are displayed per page.
+ */ Table.PerPage = TablePerPage;
+/**
+ * A dropdown that filters table data by a predefined set of values and resets pagination on change.
+ */ Table.Predicate = TablePredicate;
 Table.extend = identity;
 //# sourceMappingURL=Table.js.map