@coveord/plasma-mantine 59.1.0 → 59.1.2
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.
- package/.turbo/turbo-build.log +4 -4
- package/.turbo/turbo-test.log +88 -98
- package/dist/.tsbuildinfo +1 -1
- package/dist/cjs/components/Alert/Alert.d.ts.map +1 -1
- package/dist/cjs/components/Alert/Alert.js +10 -5
- package/dist/cjs/components/Alert/Alert.js.map +1 -1
- package/dist/cjs/components/Header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.js +1 -1
- package/dist/cjs/components/Header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.js.map +1 -1
- package/dist/cjs/styles/Alert.module.css +1 -0
- package/dist/cjs/styles/Breadcrumbs.module.css +2 -2
- package/dist/cjs/theme/Theme.js +1 -1
- package/dist/cjs/theme/Theme.js.map +1 -1
- package/dist/esm/components/Alert/Alert.d.ts.map +1 -1
- package/dist/esm/components/Alert/Alert.js +10 -5
- package/dist/esm/components/Alert/Alert.js.map +1 -1
- package/dist/esm/components/Header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.js +1 -1
- package/dist/esm/components/Header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.js.map +1 -1
- package/dist/esm/styles/Alert.module.css +1 -0
- package/dist/esm/styles/Breadcrumbs.module.css +2 -2
- package/dist/esm/theme/Theme.js +1 -1
- package/dist/esm/theme/Theme.js.map +1 -1
- package/package.json +10 -10
- package/src/components/Alert/Alert.tsx +5 -0
- package/src/components/Header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.tsx +1 -1
- package/src/styles/Alert.module.css +1 -0
- package/src/styles/Breadcrumbs.module.css +2 -2
- package/src/theme/Theme.tsx +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,iBAAiB,EACjB,UAAU,EACV,gBAAgB,EAChB,YAAY,EAIf,MAAM,eAAe,CAAC;AAoBvB,eAAO,MAAM,KAAK;;;;;;;;;WAfP,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;QAC/B,OAAO,EAAE,OAAO,YAAY,CAAC;KAChC;;WAZM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;QAC/B,OAAO,EAAE,OAAO,YAAY,CAAC;KAChC;;WAZM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;QAC/B,OAAO,EAAE,OAAO,YAAY,CAAC;KAChC;;iBALgB,OAAO,gBAAgB;YAC5B,OAAO,WAAW;aACjB,OAAO,YAAY;cAClB,OAAO,aAAa;aACrB,OAAO,YAAY;CAIgF,CAAC;AAGrH,QAAA,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,iBAAiB,EACjB,UAAU,EACV,gBAAgB,EAChB,YAAY,EAIf,MAAM,eAAe,CAAC;AAoBvB,eAAO,MAAM,KAAK;;;;;;;;;WAfP,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;QAC/B,OAAO,EAAE,OAAO,YAAY,CAAC;KAChC;;WAZM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;QAC/B,OAAO,EAAE,OAAO,YAAY,CAAC;KAChC;;WAZM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;QAC/B,OAAO,EAAE,OAAO,YAAY,CAAC;KAChC;;iBALgB,OAAO,gBAAgB;YAC5B,OAAO,WAAW;aACjB,OAAO,YAAY;cAClB,OAAO,aAAa;aACrB,OAAO,YAAY;CAIgF,CAAC;AAGrH,QAAA,MAAM,gBAAgB,4GAWpB,CAAC;AAGH,QAAA,MAAM,WAAW,4GAUf,CAAC;AAGH,QAAA,MAAM,YAAY,4GAUhB,CAAC;AAGH,QAAA,MAAM,YAAY,4GAWhB,CAAC;AAGH,QAAA,MAAM,aAAa,4GAUjB,CAAC"}
|
|
@@ -29,7 +29,8 @@ var AlertInformation = Alert.withProps({
|
|
|
29
29
|
root: {
|
|
30
30
|
'--alert-color': 'var(--mantine-color-text)',
|
|
31
31
|
'--alert-bg': 'var(--mantine-color-gray-light)',
|
|
32
|
-
'--alert-bd': '2px solid var(--mantine-color-gray-light)'
|
|
32
|
+
'--alert-bd': '2px solid var(--mantine-color-gray-light)',
|
|
33
|
+
'--alert-radius': 'var(--mantine-radius-sm)'
|
|
33
34
|
}
|
|
34
35
|
};
|
|
35
36
|
}
|
|
@@ -44,7 +45,8 @@ var AlertAdvice = Alert.withProps({
|
|
|
44
45
|
root: {
|
|
45
46
|
'--alert-color': 'var(--mantine-primary-color-filled)',
|
|
46
47
|
'--alert-bg': 'var(--mantine-primary-color-light)',
|
|
47
|
-
'--alert-bd': '2px solid var(--mantine-primary-color-light)'
|
|
48
|
+
'--alert-bd': '2px solid var(--mantine-primary-color-light)',
|
|
49
|
+
'--alert-radius': 'var(--mantine-radius-sm)'
|
|
48
50
|
}
|
|
49
51
|
};
|
|
50
52
|
}
|
|
@@ -59,7 +61,8 @@ var AlertSuccess = Alert.withProps({
|
|
|
59
61
|
root: {
|
|
60
62
|
'--alert-color': 'var(--mantine-color-green-filled)',
|
|
61
63
|
'--alert-bg': 'var(--mantine-color-green-light)',
|
|
62
|
-
'--alert-bd': '2px solid var(--mantine-color-green-light)'
|
|
64
|
+
'--alert-bd': '2px solid var(--mantine-color-green-light)',
|
|
65
|
+
'--alert-radius': 'var(--mantine-radius-sm)'
|
|
63
66
|
}
|
|
64
67
|
};
|
|
65
68
|
}
|
|
@@ -75,7 +78,8 @@ var AlertWarning = Alert.withProps({
|
|
|
75
78
|
root: {
|
|
76
79
|
'--alert-color': 'var(--mantine-color-yellow-text)',
|
|
77
80
|
'--alert-bg': 'var(--mantine-color-yellow-light)',
|
|
78
|
-
'--alert-bd': '2px solid var(--mantine-color-yellow-light)'
|
|
81
|
+
'--alert-bd': '2px solid var(--mantine-color-yellow-light)',
|
|
82
|
+
'--alert-radius': 'var(--mantine-radius-sm)'
|
|
79
83
|
}
|
|
80
84
|
};
|
|
81
85
|
}
|
|
@@ -90,7 +94,8 @@ var AlertCritical = Alert.withProps({
|
|
|
90
94
|
root: {
|
|
91
95
|
'--alert-color': 'var(--mantine-color-error)',
|
|
92
96
|
'--alert-bg': 'var(--mantine-color-red-light)',
|
|
93
|
-
'--alert-bd': '2px solid var(--mantine-color-red-light)'
|
|
97
|
+
'--alert-bd': '2px solid var(--mantine-color-red-light)',
|
|
98
|
+
'--alert-radius': 'var(--mantine-radius-sm)'
|
|
94
99
|
}
|
|
95
100
|
};
|
|
96
101
|
}
|
|
@@ -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 },\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 },\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 },\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 },\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 },\n }),\n});\n(AlertCritical as ComponentType).displayName = 'Alert.Critical';\n\nAlert.Information = AlertInformation;\nAlert.Advice = AlertAdvice;\nAlert.Warning = AlertWarning;\nAlert.Critical = AlertCritical;\nAlert.Success = AlertSuccess;\n"],"names":["Alert","polymorphicFactory","props","ref","MantineAlert","displayName","AlertInformation","withProps","color","icon","InfoToken","Information","size","vars","root","AlertAdvice","Advice","AlertSuccess","Success","AlertWarning","Warning","AlertCritical","Error","Critical"],"mappings":";;;;+BA4BaA;;;eAAAA;;;;;;oBApBN;yBAEiB;AAkBjB,IAAMA,QAAQC,IAAAA,wBAAkB,EAAuB,SAACC,OAAOC;yBAAQ,qBAACC,WAAY,8CAAKF;QAAOC,KAAKA;;;AAC5GH,MAAMK,WAAW,GAAG;AAEpB,IAAMC,mBAAmBN,MAAMO,SAAS,CAAC;IACrCC,OAAO;IACPC,oBAAM,qBAACC,oBAAS,CAACC,WAAW;QAACC,MAAK;;IAClCC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import {\n AlertCssVariables,\n AlertProps,\n AlertStylesNames,\n AlertVariant,\n Factory,\n Alert as MantineAlert,\n polymorphicFactory,\n} from '@mantine/core';\nimport {type ComponentType} from 'react';\nimport {InfoToken} from '../InfoToken/InfoToken.js';\n\ntype AlertOverloadFactory = Factory<{\n props: AlertProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: AlertStylesNames;\n vars: AlertCssVariables;\n variant: AlertVariant;\n staticComponents: {\n Information: typeof AlertInformation;\n Advice: typeof AlertAdvice;\n Warning: typeof AlertWarning;\n Critical: typeof AlertCritical;\n Success: typeof AlertSuccess;\n };\n}>;\n\nexport const Alert = polymorphicFactory<AlertOverloadFactory>((props, ref) => <MantineAlert {...props} ref={ref} />);\nAlert.displayName = 'Alert';\n\nconst AlertInformation = Alert.withProps({\n color: 'gray',\n icon: <InfoToken.Information size=\"md\" />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-color-text)',\n '--alert-bg': 'var(--mantine-color-gray-light)',\n '--alert-bd': '2px solid var(--mantine-color-gray-light)',\n '--alert-radius': 'var(--mantine-radius-sm)',\n },\n }),\n});\n(AlertInformation as ComponentType).displayName = 'Alert.Information';\n\nconst AlertAdvice = Alert.withProps({\n icon: <InfoToken.Advice size=\"md\" />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-primary-color-filled)',\n '--alert-bg': 'var(--mantine-primary-color-light)',\n '--alert-bd': '2px solid var(--mantine-primary-color-light)',\n '--alert-radius': 'var(--mantine-radius-sm)',\n },\n }),\n});\n(AlertAdvice as ComponentType).displayName = 'Alert.Advice';\n\nconst AlertSuccess = Alert.withProps({\n icon: <InfoToken.Success size=\"md\" />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-color-green-filled)',\n '--alert-bg': 'var(--mantine-color-green-light)',\n '--alert-bd': '2px solid var(--mantine-color-green-light)',\n '--alert-radius': 'var(--mantine-radius-sm)',\n },\n }),\n});\n(AlertSuccess as ComponentType).displayName = 'Alert.Success';\n\nconst AlertWarning = Alert.withProps({\n color: 'warning',\n icon: <InfoToken.Warning size=\"md\" />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-color-yellow-text)',\n '--alert-bg': 'var(--mantine-color-yellow-light)',\n '--alert-bd': '2px solid var(--mantine-color-yellow-light)',\n '--alert-radius': 'var(--mantine-radius-sm)',\n },\n }),\n});\n(AlertWarning as ComponentType).displayName = 'Alert.Warning';\n\nconst AlertCritical = Alert.withProps({\n icon: <InfoToken.Error size=\"md\" />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-color-error)',\n '--alert-bg': 'var(--mantine-color-red-light)',\n '--alert-bd': '2px solid var(--mantine-color-red-light)',\n '--alert-radius': 'var(--mantine-radius-sm)',\n },\n }),\n});\n(AlertCritical as ComponentType).displayName = 'Alert.Critical';\n\nAlert.Information = AlertInformation;\nAlert.Advice = AlertAdvice;\nAlert.Warning = AlertWarning;\nAlert.Critical = AlertCritical;\nAlert.Success = AlertSuccess;\n"],"names":["Alert","polymorphicFactory","props","ref","MantineAlert","displayName","AlertInformation","withProps","color","icon","InfoToken","Information","size","vars","root","AlertAdvice","Advice","AlertSuccess","Success","AlertWarning","Warning","AlertCritical","Error","Critical"],"mappings":";;;;+BA4BaA;;;eAAAA;;;;;;oBApBN;yBAEiB;AAkBjB,IAAMA,QAAQC,IAAAA,wBAAkB,EAAuB,SAACC,OAAOC;yBAAQ,qBAACC,WAAY,8CAAKF;QAAOC,KAAKA;;;AAC5GH,MAAMK,WAAW,GAAG;AAEpB,IAAMC,mBAAmBN,MAAMO,SAAS,CAAC;IACrCC,OAAO;IACPC,oBAAM,qBAACC,oBAAS,CAACC,WAAW;QAACC,MAAK;;IAClCC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ;;AACJ;AACCR,iBAAmCD,WAAW,GAAG;AAElD,IAAMU,cAAcf,MAAMO,SAAS,CAAC;IAChCE,oBAAM,qBAACC,oBAAS,CAACM,MAAM;QAACJ,MAAK;;IAC7BC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ;;AACJ;AACCC,YAA8BV,WAAW,GAAG;AAE7C,IAAMY,eAAejB,MAAMO,SAAS,CAAC;IACjCE,oBAAM,qBAACC,oBAAS,CAACQ,OAAO;QAACN,MAAK;;IAC9BC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ;;AACJ;AACCG,aAA+BZ,WAAW,GAAG;AAE9C,IAAMc,eAAenB,MAAMO,SAAS,CAAC;IACjCC,OAAO;IACPC,oBAAM,qBAACC,oBAAS,CAACU,OAAO;QAACR,MAAK;;IAC9BC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ;;AACJ;AACCK,aAA+Bd,WAAW,GAAG;AAE9C,IAAMgB,gBAAgBrB,MAAMO,SAAS,CAAC;IAClCE,oBAAM,qBAACC,oBAAS,CAACY,KAAK;QAACV,MAAK;;IAC5BC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ;;AACJ;AACCO,cAAgChB,WAAW,GAAG;AAE/CL,MAAMW,WAAW,GAAGL;AACpBN,MAAMgB,MAAM,GAAGD;AACff,MAAMoB,OAAO,GAAGD;AAChBnB,MAAMuB,QAAQ,GAAGF;AACjBrB,MAAMkB,OAAO,GAAGD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/Header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.tsx"],"sourcesContent":["import {IconChevronLeft} from '@coveord/plasma-react-icons';\nimport {Anchor, type AnchorProps, Flex, type PolymorphicFactory, polymorphicFactory} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport interface HeaderBreadcrumbAnchorProps extends AnchorProps {\n /**\n * If true, only one breadcrumb will be displayed with a back arrow\n * @default false\n **/\n single?: boolean;\n children: ReactNode;\n}\n\nexport type HeaderBreadcrumbAnchorStyleNames = 'breadcrumbAnchor' | 'breadcrumbAnchorSingleGroup';\n\nexport type HeaderBreadcrumbAnchorFactory = PolymorphicFactory<{\n props: HeaderBreadcrumbAnchorProps;\n ref: HTMLAnchorElement;\n stylesNames: HeaderBreadcrumbAnchorStyleNames;\n compound: true;\n defaultComponent: 'a';\n defaultRef: HTMLAnchorElement;\n}>;\n\nexport const HeaderBreadcrumbAnchor = polymorphicFactory<HeaderBreadcrumbAnchorFactory>((props, ref) => {\n const {children, className, classNames, styles, style, single, ...others} = props;\n const ctx = useHeaderContext();\n\n const content = single ? (\n <Flex\n align=\"center\"\n {...ctx.getStyles('breadcrumbAnchorSingleGroup', {className, classNames, styles, style, props})}\n >\n <IconChevronLeft aria-label=\"arrow pointing back\" size={
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/Header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.tsx"],"sourcesContent":["import {IconChevronLeft} from '@coveord/plasma-react-icons';\nimport {Anchor, type AnchorProps, Flex, type PolymorphicFactory, polymorphicFactory} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport interface HeaderBreadcrumbAnchorProps extends AnchorProps {\n /**\n * If true, only one breadcrumb will be displayed with a back arrow\n * @default false\n **/\n single?: boolean;\n children: ReactNode;\n}\n\nexport type HeaderBreadcrumbAnchorStyleNames = 'breadcrumbAnchor' | 'breadcrumbAnchorSingleGroup';\n\nexport type HeaderBreadcrumbAnchorFactory = PolymorphicFactory<{\n props: HeaderBreadcrumbAnchorProps;\n ref: HTMLAnchorElement;\n stylesNames: HeaderBreadcrumbAnchorStyleNames;\n compound: true;\n defaultComponent: 'a';\n defaultRef: HTMLAnchorElement;\n}>;\n\nexport const HeaderBreadcrumbAnchor = polymorphicFactory<HeaderBreadcrumbAnchorFactory>((props, ref) => {\n const {children, className, classNames, styles, style, single, ...others} = props;\n const ctx = useHeaderContext();\n\n const content = single ? (\n <Flex\n align=\"center\"\n {...ctx.getStyles('breadcrumbAnchorSingleGroup', {className, classNames, styles, style, props})}\n >\n <IconChevronLeft aria-label=\"arrow pointing back\" size={20} />\n {children}\n </Flex>\n ) : (\n children\n );\n\n return (\n <Anchor\n ref={ref}\n inherit\n {...ctx.getStyles('breadcrumbAnchor', {className, classNames, styles, style, props})}\n {...others}\n >\n {content}\n </Anchor>\n );\n});\n\nHeaderBreadcrumbAnchor.displayName = 'Header.BreadcrumbAnchor';\n"],"names":["HeaderBreadcrumbAnchor","polymorphicFactory","props","ref","children","className","classNames","styles","style","single","others","ctx","useHeaderContext","content","Flex","align","getStyles","IconChevronLeft","aria-label","size","Anchor","inherit","displayName"],"mappings":";;;;+BAyBaA;;;eAAAA;;;;;;;gCAzBiB;oBAC4D;6BAE3D;AAsBxB,IAAMA,yBAAyBC,IAAAA,wBAAkB,EAAgC,SAACC,OAAOC;IAC5F,IAAOC,WAAqEF,MAArEE,UAAUC,YAA2DH,MAA3DG,WAAWC,aAAgDJ,MAAhDI,YAAYC,SAAoCL,MAApCK,QAAQC,QAA4BN,MAA5BM,OAAOC,SAAqBP,MAArBO,QAAWC,sCAAUR;;;;;;;;IAC5E,IAAMS,MAAMC,IAAAA,+BAAgB;IAE5B,IAAMC,UAAUJ,uBACZ,sBAACK,UAAI;QACDC,OAAM;OACFJ,IAAIK,SAAS,CAAC,+BAA+B;QAACX,WAAAA;QAAWC,YAAAA;QAAYC,QAAAA;QAAQC,OAAAA;QAAON,OAAAA;IAAK;;0BAE7F,qBAACe,iCAAe;gBAACC,cAAW;gBAAsBC,MAAM;;YACvDf;;UAGLA;IAGJ,qBACI,qBAACgB,YAAM;QACHjB,KAAKA;QACLkB,OAAO;OACHV,IAAIK,SAAS,CAAC,oBAAoB;QAACX,WAAAA;QAAWC,YAAAA;QAAYC,QAAAA;QAAQC,OAAAA;QAAON,OAAAA;IAAK,IAC9EQ;kBAEHG;;AAGb;AAEAb,uBAAuBsB,WAAW,GAAG"}
|
package/dist/cjs/theme/Theme.js
CHANGED
|
@@ -199,7 +199,7 @@ var plasmaTheme = (0, _core.createTheme)({
|
|
|
199
199
|
classNames: _Breadcrumbsmodulecss.default,
|
|
200
200
|
defaultProps: {
|
|
201
201
|
separator: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.IconSlash, {
|
|
202
|
-
size:
|
|
202
|
+
size: 20,
|
|
203
203
|
color: "var(--mantine-color-dimmed)"
|
|
204
204
|
}),
|
|
205
205
|
separatorMargin: 'xxs'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {\n ArrowHeadLeftSize16Px,\n ArrowHeadRightSize16Px,\n CrossSize16Px,\n FilterSize16Px,\n IconCalendarWeek,\n IconCheck,\n IconClock,\n IconInfoCircleFilled,\n IconSlash,\n} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {\n ActionIcon,\n Alert,\n AppShell,\n Badge,\n Breadcrumbs,\n Button,\n Card,\n Checkbox,\n Chip,\n CloseButton,\n ColorSwatch,\n Combobox,\n ComboboxSearch,\n createTheme,\n deepMerge,\n Divider,\n Image,\n Input,\n InputWrapper,\n List,\n Loader,\n MantineThemeOverride,\n Modal,\n MultiSelect,\n NavLink,\n Notification,\n NumberInput,\n Pagination,\n Paper,\n PasswordInput,\n Pill,\n Popover,\n Radio,\n ScrollArea,\n SegmentedControl,\n Select,\n Skeleton,\n Slider,\n Stepper,\n Switch,\n Table,\n Tabs,\n Text,\n Tooltip,\n} from '@mantine/core';\nimport {\n DateInput,\n DatePicker,\n DateTimePicker,\n MonthPicker,\n PickerInputBase,\n TimeInput,\n TimePicker,\n YearPicker,\n} from '@mantine/dates';\nimport {Accordion} from '../components/Accordion/Accordion.js';\nimport {CheckboxIcon} from '../components/CheckboxIcon/CheckboxIcon.js';\nimport {CircleLoader} from '../components/CircleLoader/CircleLoader.js';\nimport {InfoToken} from '../components/InfoToken/InfoToken.js';\nimport AccordionClasses from '../styles/Accordion.module.css';\nimport ActionIconClasses from '../styles/ActionIcon.module.css';\nimport AlertClasses from '../styles/Alert.module.css';\nimport AppShellClasses from '../styles/AppShell.module.css';\nimport BadgeClasses from '../styles/Badge.module.css';\nimport BreadcrumbsClasses from '../styles/Breadcrumbs.module.css';\nimport ButtonClasses from '../styles/Button.module.css';\nimport CardClasses from '../styles/Card.module.css';\nimport CheckboxClasses from '../styles/Checkbox.module.css';\nimport CheckboxIndicatorClasses from '../styles/CheckboxIndicator.module.css';\nimport ChipClasses from '../styles/Chip.module.css';\nimport ComboboxClasses from '../styles/Combobox.module.css';\nimport DatePickerClasses from '../styles/DatePicker.module.css';\nimport DateTimePickerClasses from '../styles/DateTimePicker.module.css';\nimport InputClasses from '../styles/Input.module.css';\nimport InputWrapperClasses from '../styles/InputWrapper.module.css';\nimport ListClasses from '../styles/List.module.css';\nimport ModalClasses from '../styles/Modal.module.css';\nimport MonthPickerClasses from '../styles/MonthPicker.module.css';\nimport NavLinkClasses from '../styles/NavLink.module.css';\nimport NotificationClasses from '../styles/Notifications.module.css';\nimport NumberInputClasses from '../styles/NumberInput.module.css';\nimport PaginationClasses from '../styles/Pagination.module.css';\nimport PaperClasses from '../styles/Paper.module.css';\nimport PillClasses from '../styles/Pill.module.css';\nimport PopoverClasses from '../styles/Popover.module.css';\nimport RadioClasses from '../styles/Radio.module.css';\nimport RadioCardClasses from '../styles/RadioCard.module.css';\nimport ReadOnlyInputClasses from '../styles/ReadOnlyInput.module.css';\nimport ReadOnlyStateClasses from '../styles/ReadOnlyState.module.css';\nimport ScrollAreaClasses from '../styles/ScrollArea.module.css';\nimport SegmentedControlClasses from '../styles/SegmentedControl.module.css';\nimport SelectClasses from '../styles/Select.module.css';\nimport SkeletonClasses from '../styles/Skeleton.module.css';\nimport SliderClasses from '../styles/Slider.module.css';\nimport StepperClasses from '../styles/Stepper.module.css';\nimport TableClasses from '../styles/Table.module.css';\nimport TabsClasses from '../styles/Tabs.module.css';\nimport TextClasses from '../styles/Text.module.css';\nimport TimePickerClasses from '../styles/TimePicker.module.css';\nimport TooltipClasses from '../styles/Tooltip.module.css';\nimport YearPickerClasses from '../styles/YearPicker.module.css';\nimport {PlasmaColors} from './PlasmaColors.js';\n\nimport placeholderSvg from '../images/placeholder.svg';\nimport {plasmaVariantColorResolver} from './plasmaVariantColorResolver.js';\n\nexport const plasmaTheme: MantineThemeOverride = createTheme({\n variantColorResolver: plasmaVariantColorResolver,\n // These are overrides over https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/core/src/core/MantineProvider/default-theme.ts\n fontFamily: 'canada-type-gibson, sans-serif',\n black: color.primary.gray[9],\n defaultRadius: 'md',\n lineHeights: {\n xxs: '1.2',\n xs: '1.16',\n sm: '1.14',\n md: '1.14',\n lg: '1.11',\n xl: '1.2',\n },\n spacing: {\n xxs: '4px',\n xs: '8px',\n sm: '16px',\n md: '24px',\n lg: '32px',\n xl: '40px',\n },\n radius: {\n none: '0px',\n xs: '2px',\n sm: '4px',\n md: '8px',\n lg: '16px',\n xl: '24px',\n xxl: '32px',\n },\n primaryColor: 'blue',\n headings: {\n fontFamily: 'canada-type-gibson, sans-serif',\n fontWeight: 'var(--coveo-fw-bold)',\n sizes: {\n h1: {fontSize: '40px', lineHeight: '1.2', fontWeight: 'var(--coveo-fw-bold)'},\n h2: {fontSize: '32px', lineHeight: '1.35', fontWeight: 'var(--coveo-fw-normal)'},\n h3: {fontSize: '24px', lineHeight: '1.33', fontWeight: 'var(--coveo-fw-bold)'},\n h4: {fontSize: '18px', lineHeight: '1.2', fontWeight: 'var(--coveo-fw-bold)'},\n h5: {fontSize: '16px', lineHeight: '1.25', fontWeight: 'var(--coveo-fw-bold)'},\n h6: {fontSize: '12px', lineHeight: '1.33', fontWeight: 'var(--coveo-fw-bold)'},\n },\n },\n fontSizes: {\n xxs: '10px',\n xs: '12px',\n sm: '14px',\n md: '16px',\n lg: '18px',\n xl: '20px',\n },\n shadows: {\n xs: '0px 1px 2px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05), 0px -0.5px 1px 0px rgba(0, 0, 0, 0.02)',\n sm: '0px 7px 7px -5px rgba(0, 0, 0, 0.04), 0px 10px 15px -5px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n md: '0px 10px 10px -5px rgba(0, 0, 0, 0.04), 0px 20px 25px -5px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n lg: '0px 12px 12px -7px rgba(0, 0, 0, 0.04), 0px 28px 23px -7px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n xl: '0px 17px 17px -7px rgba(0, 0, 0, 0.04), 0px 36px 28px -7px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n },\n primaryShade: 5,\n colors: PlasmaColors,\n components: {\n Accordion: Accordion.extend({\n classNames: AccordionClasses,\n }),\n ActionIcon: ActionIcon.extend({\n defaultProps: {\n size: 'lg',\n },\n classNames: ActionIconClasses,\n }),\n AppShell: AppShell.extend({\n classNames: AppShellClasses,\n defaultProps: {\n header: {height: 60},\n navbar: {width: 240, breakpoint: 0},\n layout: 'alt',\n withBorder: false,\n },\n vars: (theme) =>\n ({\n root: {'--app-shell-border-color': theme.colors.gray[2]},\n }) as any,\n }),\n Alert: Alert.extend({\n defaultProps: {\n icon: <InfoToken.Advice />,\n p: 'sm',\n },\n classNames: AlertClasses,\n }),\n Badge: Badge.extend({\n classNames: BadgeClasses,\n defaultProps: {\n variant: 'light',\n tt: 'none',\n },\n }),\n Breadcrumbs: Breadcrumbs.extend({\n classNames: BreadcrumbsClasses,\n defaultProps: {\n separator: <IconSlash size={16} color=\"var(--mantine-color-dimmed)\" />,\n separatorMargin: 'xxs',\n },\n }),\n Button: Button.extend({\n defaultProps: {\n size: 'sm',\n vars: (theme) => ({\n root: {\n '--button-padding-x': theme.spacing.sm,\n },\n }),\n },\n classNames: ButtonClasses,\n }),\n Card: Card.extend({\n defaultProps: {\n radius: 'lg',\n shadow: 'xs',\n padding: 'sm',\n withBorder: true,\n },\n classNames: CardClasses,\n }),\n Checkbox: Checkbox.extend({\n defaultProps: {\n radius: 'sm',\n icon: CheckboxIcon,\n },\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return deepMerge(CheckboxClasses, ReadOnlyStateClasses);\n }\n return CheckboxClasses;\n },\n }),\n CheckboxIndicator: Checkbox.Indicator.extend({\n defaultProps: {\n radius: 'sm',\n icon: CheckboxIcon,\n },\n classNames: CheckboxIndicatorClasses,\n }),\n Chip: Chip.extend({\n defaultProps: {\n icon: <IconCheck size={16} />,\n },\n classNames: ChipClasses,\n }),\n CloseButton: CloseButton.extend({\n defaultProps: {\n icon: <CrossSize16Px height={16} aria-label=\"close\" />,\n },\n }),\n ColorSwatch: ColorSwatch.extend({\n defaultProps: {\n size: 8,\n withShadow: false,\n },\n }),\n Combobox: Combobox.extend({\n classNames: ComboboxClasses,\n defaultProps: {\n middlewares: {inline: true},\n },\n }),\n ComboboxSearch: ComboboxSearch.extend({\n defaultProps: {\n placeholder: 'Search',\n rightSection: <FilterSize16Px height={16} color=\"gray.5\" />,\n },\n }),\n DateInput: DateInput.extend({\n defaultProps: {\n miw: 250,\n leftSection: <IconCalendarWeek size={16} />,\n },\n }),\n DatePicker: DatePicker.extend({\n defaultProps: {\n firstDayOfWeek: 0,\n },\n classNames: DatePickerClasses,\n }),\n DateTimePicker: DateTimePicker.extend({\n classNames: DateTimePickerClasses,\n }),\n Divider: Divider.extend({\n defaultProps: {\n color: 'var(--mantine-color-default-border)',\n },\n }),\n Image: Image.extend({\n defaultProps: {\n fallbackSrc: placeholderSvg,\n },\n }),\n Input: Input.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: (_theme, props) => {\n const anyProps = props as any;\n if (anyProps.readOnly && !props.disabled && !['Select'].includes(anyProps.__staticSelector)) {\n return deepMerge(InputClasses, ReadOnlyInputClasses);\n }\n return InputClasses;\n },\n }),\n InputWrapper: InputWrapper.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: InputWrapperClasses,\n vars: (theme, props) => {\n const anyProps = props as any;\n if (anyProps.disabled || (anyProps.readOnly && !['Select'].includes(anyProps.__staticSelector))) {\n return {\n root: {\n '--input-margin-top': props?.label || props?.description ? theme.spacing.xxs : undefined,\n },\n label: {'--input-asterisk-color': theme.colors.red[2]},\n error: {},\n description: {},\n };\n }\n return {\n root: {'--input-margin-top': props?.label || props?.description ? theme.spacing.xxs : undefined},\n label: {},\n error: {},\n description: {},\n };\n },\n }),\n PasswordInput: PasswordInput.extend({\n vars: () => ({\n root: {\n '--psi-button-size': 'var(--mantine-spacing-lg)',\n },\n }),\n }),\n Loader: Loader.extend({\n defaultProps: {\n loaders: {...Loader.defaultLoaders, circle: CircleLoader},\n type: 'circle',\n role: 'presentation',\n },\n }),\n List: List.extend({\n classNames: ListClasses,\n }),\n Modal: Modal.extend({\n classNames: ModalClasses,\n vars: () => {\n const sizes = {\n '--modal-size-xs': '432px',\n '--modal-size-sm': '664px',\n '--modal-size-md': '896px',\n '--modal-size-lg': '1120px',\n '--modal-size-xl': '88%',\n } as any;\n return {\n root: {\n ...sizes,\n },\n };\n },\n }),\n ModalOverlay: Modal.Overlay.extend({\n defaultProps: {\n color: PlasmaColors.indigo[8],\n backgroundOpacity: 0.7,\n blur: 2,\n },\n }),\n ModalRoot: Modal.Root.extend({\n defaultProps: {\n padding: 'md',\n },\n }),\n MonthPicker: MonthPicker.extend({\n classNames: MonthPickerClasses,\n }),\n MultiSelect: MultiSelect.extend({defaultProps: {hidePickedOptions: true}}),\n NavLink: NavLink.extend({classNames: NavLinkClasses}),\n Notification: Notification.extend({\n classNames: NotificationClasses,\n defaultProps: {\n icon: <IconInfoCircleFilled height={20} />,\n },\n }),\n NumberInput: NumberInput.extend({\n classNames: NumberInputClasses,\n }),\n Pagination: Pagination.extend({\n classNames: PaginationClasses,\n defaultProps: {\n nextIcon: ArrowHeadRightSize16Px,\n previousIcon: ArrowHeadLeftSize16Px,\n },\n }),\n Paper: Paper.extend({\n classNames: PaperClasses,\n }),\n PickerInputBase: PickerInputBase.extend({\n defaultProps: {\n miw: 250,\n leftSection: <IconCalendarWeek size={16} />,\n },\n }),\n Pill: Pill.extend({\n classNames: PillClasses,\n }),\n Popover: Popover.extend({\n classNames: PopoverClasses,\n defaultProps: {\n middlewares: {inline: true},\n position: 'bottom-start',\n },\n }),\n Radio: Radio.extend({\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return deepMerge(RadioClasses, ReadOnlyStateClasses);\n }\n return RadioClasses;\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {\n '--radio-icon-color': theme.colors.gray[7],\n '--radio-color': theme.colors.gray[2],\n },\n };\n }\n return {root: {}};\n },\n }),\n RadioCard: Radio.Card.extend({\n classNames: RadioCardClasses,\n }),\n ScrollArea: ScrollArea.extend({\n classNames: ScrollAreaClasses,\n }),\n SegmentedControl: SegmentedControl.extend({\n classNames: SegmentedControlClasses,\n }),\n Select: Select.extend({\n defaultProps: {allowDeselect: false, withCheckIcon: false},\n classNames: SelectClasses,\n }),\n Skeleton: Skeleton.extend({\n classNames: SkeletonClasses,\n }),\n Slider: Slider.extend({\n defaultProps: {\n size: 'md',\n },\n classNames: SliderClasses,\n }),\n Stepper: Stepper.extend({\n defaultProps: {\n size: 'xs',\n completedIcon: <IconCheck size={16} />,\n },\n classNames: StepperClasses,\n }),\n Switch: Switch.extend({\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return ReadOnlyStateClasses;\n }\n return {};\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {},\n track: {\n '--switch-bg': theme.colors.gray[2],\n '--switch-bd': 'transparent',\n },\n thumb: {\n '--switch-thumb-bd': 'transparent',\n },\n };\n }\n return {root: {}, track: {}, thumb: {}};\n },\n defaultProps: {\n withThumbIndicator: false,\n },\n }),\n Table: Table.extend({\n classNames: TableClasses,\n vars: () => ({\n table: {\n '--table-border-color': 'var(--mantine-color-default-border)',\n },\n }),\n }),\n Tabs: Tabs.extend({\n classNames: TabsClasses,\n }),\n Text: Text.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: TextClasses,\n }),\n TimeInput: TimeInput.extend({\n defaultProps: {\n rightSection: <IconClock size={16} />,\n },\n }),\n TimePicker: TimePicker.extend({\n defaultProps: {\n withDropdown: true,\n format: '12h',\n },\n classNames: TimePickerClasses,\n }),\n Tooltip: Tooltip.extend({\n defaultProps: {\n maw: 280,\n multiline: true,\n withArrow: true,\n zIndex: 10000,\n },\n classNames: TooltipClasses,\n }),\n YearPicker: YearPicker.extend({\n classNames: YearPickerClasses,\n }),\n },\n});\n"],"names":["plasmaTheme","createTheme","variantColorResolver","plasmaVariantColorResolver","fontFamily","black","color","primary","gray","defaultRadius","lineHeights","xxs","xs","sm","md","lg","xl","spacing","radius","none","xxl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","h2","h3","h4","h5","h6","fontSizes","shadows","primaryShade","colors","PlasmaColors","components","Accordion","extend","classNames","AccordionClasses","ActionIcon","defaultProps","size","ActionIconClasses","AppShell","AppShellClasses","header","height","navbar","width","breakpoint","layout","withBorder","vars","theme","root","Alert","icon","InfoToken","Advice","p","AlertClasses","Badge","BadgeClasses","variant","tt","Breadcrumbs","BreadcrumbsClasses","separator","IconSlash","separatorMargin","Button","ButtonClasses","Card","shadow","padding","CardClasses","Checkbox","CheckboxIcon","props","readOnly","disabled","deepMerge","CheckboxClasses","ReadOnlyStateClasses","CheckboxIndicator","Indicator","CheckboxIndicatorClasses","Chip","IconCheck","ChipClasses","CloseButton","CrossSize16Px","aria-label","ColorSwatch","withShadow","Combobox","ComboboxClasses","middlewares","inline","ComboboxSearch","placeholder","rightSection","FilterSize16Px","DateInput","miw","leftSection","IconCalendarWeek","DatePicker","firstDayOfWeek","DatePickerClasses","DateTimePicker","DateTimePickerClasses","Divider","Image","fallbackSrc","placeholderSvg","Input","_theme","anyProps","includes","__staticSelector","InputClasses","ReadOnlyInputClasses","InputWrapper","InputWrapperClasses","label","description","undefined","red","error","PasswordInput","Loader","loaders","defaultLoaders","circle","CircleLoader","type","role","List","ListClasses","Modal","ModalClasses","ModalOverlay","Overlay","indigo","backgroundOpacity","blur","ModalRoot","Root","MonthPicker","MonthPickerClasses","MultiSelect","hidePickedOptions","NavLink","NavLinkClasses","Notification","NotificationClasses","IconInfoCircleFilled","NumberInput","NumberInputClasses","Pagination","PaginationClasses","nextIcon","ArrowHeadRightSize16Px","previousIcon","ArrowHeadLeftSize16Px","Paper","PaperClasses","PickerInputBase","Pill","PillClasses","Popover","PopoverClasses","position","Radio","RadioClasses","RadioCard","RadioCardClasses","ScrollArea","ScrollAreaClasses","SegmentedControl","SegmentedControlClasses","Select","allowDeselect","withCheckIcon","SelectClasses","Skeleton","SkeletonClasses","Slider","SliderClasses","Stepper","completedIcon","StepperClasses","Switch","track","thumb","withThumbIndicator","Table","TableClasses","table","Tabs","TabsClasses","Text","TextClasses","TimeInput","IconClock","TimePicker","withDropdown","format","TimePickerClasses","Tooltip","maw","multiline","withArrow","zIndex","TooltipClasses","YearPicker","YearPickerClasses"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {\n ArrowHeadLeftSize16Px,\n ArrowHeadRightSize16Px,\n CrossSize16Px,\n FilterSize16Px,\n IconCalendarWeek,\n IconCheck,\n IconClock,\n IconInfoCircleFilled,\n IconSlash,\n} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {\n ActionIcon,\n Alert,\n AppShell,\n Badge,\n Breadcrumbs,\n Button,\n Card,\n Checkbox,\n Chip,\n CloseButton,\n ColorSwatch,\n Combobox,\n ComboboxSearch,\n createTheme,\n deepMerge,\n Divider,\n Image,\n Input,\n InputWrapper,\n List,\n Loader,\n MantineThemeOverride,\n Modal,\n MultiSelect,\n NavLink,\n Notification,\n NumberInput,\n Pagination,\n Paper,\n PasswordInput,\n Pill,\n Popover,\n Radio,\n ScrollArea,\n SegmentedControl,\n Select,\n Skeleton,\n Slider,\n Stepper,\n Switch,\n Table,\n Tabs,\n Text,\n Tooltip,\n} from '@mantine/core';\nimport {\n DateInput,\n DatePicker,\n DateTimePicker,\n MonthPicker,\n PickerInputBase,\n TimeInput,\n TimePicker,\n YearPicker,\n} from '@mantine/dates';\nimport {Accordion} from '../components/Accordion/Accordion.js';\nimport {CheckboxIcon} from '../components/CheckboxIcon/CheckboxIcon.js';\nimport {CircleLoader} from '../components/CircleLoader/CircleLoader.js';\nimport {InfoToken} from '../components/InfoToken/InfoToken.js';\nimport AccordionClasses from '../styles/Accordion.module.css';\nimport ActionIconClasses from '../styles/ActionIcon.module.css';\nimport AlertClasses from '../styles/Alert.module.css';\nimport AppShellClasses from '../styles/AppShell.module.css';\nimport BadgeClasses from '../styles/Badge.module.css';\nimport BreadcrumbsClasses from '../styles/Breadcrumbs.module.css';\nimport ButtonClasses from '../styles/Button.module.css';\nimport CardClasses from '../styles/Card.module.css';\nimport CheckboxClasses from '../styles/Checkbox.module.css';\nimport CheckboxIndicatorClasses from '../styles/CheckboxIndicator.module.css';\nimport ChipClasses from '../styles/Chip.module.css';\nimport ComboboxClasses from '../styles/Combobox.module.css';\nimport DatePickerClasses from '../styles/DatePicker.module.css';\nimport DateTimePickerClasses from '../styles/DateTimePicker.module.css';\nimport InputClasses from '../styles/Input.module.css';\nimport InputWrapperClasses from '../styles/InputWrapper.module.css';\nimport ListClasses from '../styles/List.module.css';\nimport ModalClasses from '../styles/Modal.module.css';\nimport MonthPickerClasses from '../styles/MonthPicker.module.css';\nimport NavLinkClasses from '../styles/NavLink.module.css';\nimport NotificationClasses from '../styles/Notifications.module.css';\nimport NumberInputClasses from '../styles/NumberInput.module.css';\nimport PaginationClasses from '../styles/Pagination.module.css';\nimport PaperClasses from '../styles/Paper.module.css';\nimport PillClasses from '../styles/Pill.module.css';\nimport PopoverClasses from '../styles/Popover.module.css';\nimport RadioClasses from '../styles/Radio.module.css';\nimport RadioCardClasses from '../styles/RadioCard.module.css';\nimport ReadOnlyInputClasses from '../styles/ReadOnlyInput.module.css';\nimport ReadOnlyStateClasses from '../styles/ReadOnlyState.module.css';\nimport ScrollAreaClasses from '../styles/ScrollArea.module.css';\nimport SegmentedControlClasses from '../styles/SegmentedControl.module.css';\nimport SelectClasses from '../styles/Select.module.css';\nimport SkeletonClasses from '../styles/Skeleton.module.css';\nimport SliderClasses from '../styles/Slider.module.css';\nimport StepperClasses from '../styles/Stepper.module.css';\nimport TableClasses from '../styles/Table.module.css';\nimport TabsClasses from '../styles/Tabs.module.css';\nimport TextClasses from '../styles/Text.module.css';\nimport TimePickerClasses from '../styles/TimePicker.module.css';\nimport TooltipClasses from '../styles/Tooltip.module.css';\nimport YearPickerClasses from '../styles/YearPicker.module.css';\nimport {PlasmaColors} from './PlasmaColors.js';\n\nimport placeholderSvg from '../images/placeholder.svg';\nimport {plasmaVariantColorResolver} from './plasmaVariantColorResolver.js';\n\nexport const plasmaTheme: MantineThemeOverride = createTheme({\n variantColorResolver: plasmaVariantColorResolver,\n // These are overrides over https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/core/src/core/MantineProvider/default-theme.ts\n fontFamily: 'canada-type-gibson, sans-serif',\n black: color.primary.gray[9],\n defaultRadius: 'md',\n lineHeights: {\n xxs: '1.2',\n xs: '1.16',\n sm: '1.14',\n md: '1.14',\n lg: '1.11',\n xl: '1.2',\n },\n spacing: {\n xxs: '4px',\n xs: '8px',\n sm: '16px',\n md: '24px',\n lg: '32px',\n xl: '40px',\n },\n radius: {\n none: '0px',\n xs: '2px',\n sm: '4px',\n md: '8px',\n lg: '16px',\n xl: '24px',\n xxl: '32px',\n },\n primaryColor: 'blue',\n headings: {\n fontFamily: 'canada-type-gibson, sans-serif',\n fontWeight: 'var(--coveo-fw-bold)',\n sizes: {\n h1: {fontSize: '40px', lineHeight: '1.2', fontWeight: 'var(--coveo-fw-bold)'},\n h2: {fontSize: '32px', lineHeight: '1.35', fontWeight: 'var(--coveo-fw-normal)'},\n h3: {fontSize: '24px', lineHeight: '1.33', fontWeight: 'var(--coveo-fw-bold)'},\n h4: {fontSize: '18px', lineHeight: '1.2', fontWeight: 'var(--coveo-fw-bold)'},\n h5: {fontSize: '16px', lineHeight: '1.25', fontWeight: 'var(--coveo-fw-bold)'},\n h6: {fontSize: '12px', lineHeight: '1.33', fontWeight: 'var(--coveo-fw-bold)'},\n },\n },\n fontSizes: {\n xxs: '10px',\n xs: '12px',\n sm: '14px',\n md: '16px',\n lg: '18px',\n xl: '20px',\n },\n shadows: {\n xs: '0px 1px 2px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05), 0px -0.5px 1px 0px rgba(0, 0, 0, 0.02)',\n sm: '0px 7px 7px -5px rgba(0, 0, 0, 0.04), 0px 10px 15px -5px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n md: '0px 10px 10px -5px rgba(0, 0, 0, 0.04), 0px 20px 25px -5px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n lg: '0px 12px 12px -7px rgba(0, 0, 0, 0.04), 0px 28px 23px -7px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n xl: '0px 17px 17px -7px rgba(0, 0, 0, 0.04), 0px 36px 28px -7px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n },\n primaryShade: 5,\n colors: PlasmaColors,\n components: {\n Accordion: Accordion.extend({\n classNames: AccordionClasses,\n }),\n ActionIcon: ActionIcon.extend({\n defaultProps: {\n size: 'lg',\n },\n classNames: ActionIconClasses,\n }),\n AppShell: AppShell.extend({\n classNames: AppShellClasses,\n defaultProps: {\n header: {height: 60},\n navbar: {width: 240, breakpoint: 0},\n layout: 'alt',\n withBorder: false,\n },\n vars: (theme) =>\n ({\n root: {'--app-shell-border-color': theme.colors.gray[2]},\n }) as any,\n }),\n Alert: Alert.extend({\n defaultProps: {\n icon: <InfoToken.Advice />,\n p: 'sm',\n },\n classNames: AlertClasses,\n }),\n Badge: Badge.extend({\n classNames: BadgeClasses,\n defaultProps: {\n variant: 'light',\n tt: 'none',\n },\n }),\n Breadcrumbs: Breadcrumbs.extend({\n classNames: BreadcrumbsClasses,\n defaultProps: {\n separator: <IconSlash size={20} color=\"var(--mantine-color-dimmed)\" />,\n separatorMargin: 'xxs',\n },\n }),\n Button: Button.extend({\n defaultProps: {\n size: 'sm',\n vars: (theme) => ({\n root: {\n '--button-padding-x': theme.spacing.sm,\n },\n }),\n },\n classNames: ButtonClasses,\n }),\n Card: Card.extend({\n defaultProps: {\n radius: 'lg',\n shadow: 'xs',\n padding: 'sm',\n withBorder: true,\n },\n classNames: CardClasses,\n }),\n Checkbox: Checkbox.extend({\n defaultProps: {\n radius: 'sm',\n icon: CheckboxIcon,\n },\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return deepMerge(CheckboxClasses, ReadOnlyStateClasses);\n }\n return CheckboxClasses;\n },\n }),\n CheckboxIndicator: Checkbox.Indicator.extend({\n defaultProps: {\n radius: 'sm',\n icon: CheckboxIcon,\n },\n classNames: CheckboxIndicatorClasses,\n }),\n Chip: Chip.extend({\n defaultProps: {\n icon: <IconCheck size={16} />,\n },\n classNames: ChipClasses,\n }),\n CloseButton: CloseButton.extend({\n defaultProps: {\n icon: <CrossSize16Px height={16} aria-label=\"close\" />,\n },\n }),\n ColorSwatch: ColorSwatch.extend({\n defaultProps: {\n size: 8,\n withShadow: false,\n },\n }),\n Combobox: Combobox.extend({\n classNames: ComboboxClasses,\n defaultProps: {\n middlewares: {inline: true},\n },\n }),\n ComboboxSearch: ComboboxSearch.extend({\n defaultProps: {\n placeholder: 'Search',\n rightSection: <FilterSize16Px height={16} color=\"gray.5\" />,\n },\n }),\n DateInput: DateInput.extend({\n defaultProps: {\n miw: 250,\n leftSection: <IconCalendarWeek size={16} />,\n },\n }),\n DatePicker: DatePicker.extend({\n defaultProps: {\n firstDayOfWeek: 0,\n },\n classNames: DatePickerClasses,\n }),\n DateTimePicker: DateTimePicker.extend({\n classNames: DateTimePickerClasses,\n }),\n Divider: Divider.extend({\n defaultProps: {\n color: 'var(--mantine-color-default-border)',\n },\n }),\n Image: Image.extend({\n defaultProps: {\n fallbackSrc: placeholderSvg,\n },\n }),\n Input: Input.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: (_theme, props) => {\n const anyProps = props as any;\n if (anyProps.readOnly && !props.disabled && !['Select'].includes(anyProps.__staticSelector)) {\n return deepMerge(InputClasses, ReadOnlyInputClasses);\n }\n return InputClasses;\n },\n }),\n InputWrapper: InputWrapper.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: InputWrapperClasses,\n vars: (theme, props) => {\n const anyProps = props as any;\n if (anyProps.disabled || (anyProps.readOnly && !['Select'].includes(anyProps.__staticSelector))) {\n return {\n root: {\n '--input-margin-top': props?.label || props?.description ? theme.spacing.xxs : undefined,\n },\n label: {'--input-asterisk-color': theme.colors.red[2]},\n error: {},\n description: {},\n };\n }\n return {\n root: {'--input-margin-top': props?.label || props?.description ? theme.spacing.xxs : undefined},\n label: {},\n error: {},\n description: {},\n };\n },\n }),\n PasswordInput: PasswordInput.extend({\n vars: () => ({\n root: {\n '--psi-button-size': 'var(--mantine-spacing-lg)',\n },\n }),\n }),\n Loader: Loader.extend({\n defaultProps: {\n loaders: {...Loader.defaultLoaders, circle: CircleLoader},\n type: 'circle',\n role: 'presentation',\n },\n }),\n List: List.extend({\n classNames: ListClasses,\n }),\n Modal: Modal.extend({\n classNames: ModalClasses,\n vars: () => {\n const sizes = {\n '--modal-size-xs': '432px',\n '--modal-size-sm': '664px',\n '--modal-size-md': '896px',\n '--modal-size-lg': '1120px',\n '--modal-size-xl': '88%',\n } as any;\n return {\n root: {\n ...sizes,\n },\n };\n },\n }),\n ModalOverlay: Modal.Overlay.extend({\n defaultProps: {\n color: PlasmaColors.indigo[8],\n backgroundOpacity: 0.7,\n blur: 2,\n },\n }),\n ModalRoot: Modal.Root.extend({\n defaultProps: {\n padding: 'md',\n },\n }),\n MonthPicker: MonthPicker.extend({\n classNames: MonthPickerClasses,\n }),\n MultiSelect: MultiSelect.extend({defaultProps: {hidePickedOptions: true}}),\n NavLink: NavLink.extend({classNames: NavLinkClasses}),\n Notification: Notification.extend({\n classNames: NotificationClasses,\n defaultProps: {\n icon: <IconInfoCircleFilled height={20} />,\n },\n }),\n NumberInput: NumberInput.extend({\n classNames: NumberInputClasses,\n }),\n Pagination: Pagination.extend({\n classNames: PaginationClasses,\n defaultProps: {\n nextIcon: ArrowHeadRightSize16Px,\n previousIcon: ArrowHeadLeftSize16Px,\n },\n }),\n Paper: Paper.extend({\n classNames: PaperClasses,\n }),\n PickerInputBase: PickerInputBase.extend({\n defaultProps: {\n miw: 250,\n leftSection: <IconCalendarWeek size={16} />,\n },\n }),\n Pill: Pill.extend({\n classNames: PillClasses,\n }),\n Popover: Popover.extend({\n classNames: PopoverClasses,\n defaultProps: {\n middlewares: {inline: true},\n position: 'bottom-start',\n },\n }),\n Radio: Radio.extend({\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return deepMerge(RadioClasses, ReadOnlyStateClasses);\n }\n return RadioClasses;\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {\n '--radio-icon-color': theme.colors.gray[7],\n '--radio-color': theme.colors.gray[2],\n },\n };\n }\n return {root: {}};\n },\n }),\n RadioCard: Radio.Card.extend({\n classNames: RadioCardClasses,\n }),\n ScrollArea: ScrollArea.extend({\n classNames: ScrollAreaClasses,\n }),\n SegmentedControl: SegmentedControl.extend({\n classNames: SegmentedControlClasses,\n }),\n Select: Select.extend({\n defaultProps: {allowDeselect: false, withCheckIcon: false},\n classNames: SelectClasses,\n }),\n Skeleton: Skeleton.extend({\n classNames: SkeletonClasses,\n }),\n Slider: Slider.extend({\n defaultProps: {\n size: 'md',\n },\n classNames: SliderClasses,\n }),\n Stepper: Stepper.extend({\n defaultProps: {\n size: 'xs',\n completedIcon: <IconCheck size={16} />,\n },\n classNames: StepperClasses,\n }),\n Switch: Switch.extend({\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return ReadOnlyStateClasses;\n }\n return {};\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {},\n track: {\n '--switch-bg': theme.colors.gray[2],\n '--switch-bd': 'transparent',\n },\n thumb: {\n '--switch-thumb-bd': 'transparent',\n },\n };\n }\n return {root: {}, track: {}, thumb: {}};\n },\n defaultProps: {\n withThumbIndicator: false,\n },\n }),\n Table: Table.extend({\n classNames: TableClasses,\n vars: () => ({\n table: {\n '--table-border-color': 'var(--mantine-color-default-border)',\n },\n }),\n }),\n Tabs: Tabs.extend({\n classNames: TabsClasses,\n }),\n Text: Text.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: TextClasses,\n }),\n TimeInput: TimeInput.extend({\n defaultProps: {\n rightSection: <IconClock size={16} />,\n },\n }),\n TimePicker: TimePicker.extend({\n defaultProps: {\n withDropdown: true,\n format: '12h',\n },\n classNames: TimePickerClasses,\n }),\n Tooltip: Tooltip.extend({\n defaultProps: {\n maw: 280,\n multiline: true,\n withArrow: true,\n zIndex: 10000,\n },\n classNames: TooltipClasses,\n }),\n YearPicker: YearPicker.extend({\n classNames: YearPickerClasses,\n }),\n },\n});\n"],"names":["plasmaTheme","createTheme","variantColorResolver","plasmaVariantColorResolver","fontFamily","black","color","primary","gray","defaultRadius","lineHeights","xxs","xs","sm","md","lg","xl","spacing","radius","none","xxl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","h2","h3","h4","h5","h6","fontSizes","shadows","primaryShade","colors","PlasmaColors","components","Accordion","extend","classNames","AccordionClasses","ActionIcon","defaultProps","size","ActionIconClasses","AppShell","AppShellClasses","header","height","navbar","width","breakpoint","layout","withBorder","vars","theme","root","Alert","icon","InfoToken","Advice","p","AlertClasses","Badge","BadgeClasses","variant","tt","Breadcrumbs","BreadcrumbsClasses","separator","IconSlash","separatorMargin","Button","ButtonClasses","Card","shadow","padding","CardClasses","Checkbox","CheckboxIcon","props","readOnly","disabled","deepMerge","CheckboxClasses","ReadOnlyStateClasses","CheckboxIndicator","Indicator","CheckboxIndicatorClasses","Chip","IconCheck","ChipClasses","CloseButton","CrossSize16Px","aria-label","ColorSwatch","withShadow","Combobox","ComboboxClasses","middlewares","inline","ComboboxSearch","placeholder","rightSection","FilterSize16Px","DateInput","miw","leftSection","IconCalendarWeek","DatePicker","firstDayOfWeek","DatePickerClasses","DateTimePicker","DateTimePickerClasses","Divider","Image","fallbackSrc","placeholderSvg","Input","_theme","anyProps","includes","__staticSelector","InputClasses","ReadOnlyInputClasses","InputWrapper","InputWrapperClasses","label","description","undefined","red","error","PasswordInput","Loader","loaders","defaultLoaders","circle","CircleLoader","type","role","List","ListClasses","Modal","ModalClasses","ModalOverlay","Overlay","indigo","backgroundOpacity","blur","ModalRoot","Root","MonthPicker","MonthPickerClasses","MultiSelect","hidePickedOptions","NavLink","NavLinkClasses","Notification","NotificationClasses","IconInfoCircleFilled","NumberInput","NumberInputClasses","Pagination","PaginationClasses","nextIcon","ArrowHeadRightSize16Px","previousIcon","ArrowHeadLeftSize16Px","Paper","PaperClasses","PickerInputBase","Pill","PillClasses","Popover","PopoverClasses","position","Radio","RadioClasses","RadioCard","RadioCardClasses","ScrollArea","ScrollAreaClasses","SegmentedControl","SegmentedControlClasses","Select","allowDeselect","withCheckIcon","SelectClasses","Skeleton","SkeletonClasses","Slider","SliderClasses","Stepper","completedIcon","StepperClasses","Switch","track","thumb","withThumbIndicator","Table","TableClasses","table","Tabs","TabsClasses","Text","TextClasses","TimeInput","IconClock","TimePicker","withDropdown","format","TimePickerClasses","Tooltip","maw","multiline","withArrow","zIndex","TooltipClasses","YearPicker","YearPickerClasses"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,iBAAiB,EACjB,UAAU,EACV,gBAAgB,EAChB,YAAY,EAIf,MAAM,eAAe,CAAC;AAoBvB,eAAO,MAAM,KAAK;;;;;;;;;WAfP,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;QAC/B,OAAO,EAAE,OAAO,YAAY,CAAC;KAChC;;WAZM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;QAC/B,OAAO,EAAE,OAAO,YAAY,CAAC;KAChC;;WAZM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;QAC/B,OAAO,EAAE,OAAO,YAAY,CAAC;KAChC;;iBALgB,OAAO,gBAAgB;YAC5B,OAAO,WAAW;aACjB,OAAO,YAAY;cAClB,OAAO,aAAa;aACrB,OAAO,YAAY;CAIgF,CAAC;AAGrH,QAAA,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,iBAAiB,EACjB,UAAU,EACV,gBAAgB,EAChB,YAAY,EAIf,MAAM,eAAe,CAAC;AAoBvB,eAAO,MAAM,KAAK;;;;;;;;;WAfP,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;QAC/B,OAAO,EAAE,OAAO,YAAY,CAAC;KAChC;;WAZM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;QAC/B,OAAO,EAAE,OAAO,YAAY,CAAC;KAChC;;WAZM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;QAC/B,OAAO,EAAE,OAAO,YAAY,CAAC;KAChC;;iBALgB,OAAO,gBAAgB;YAC5B,OAAO,WAAW;aACjB,OAAO,YAAY;cAClB,OAAO,aAAa;aACrB,OAAO,YAAY;CAIgF,CAAC;AAGrH,QAAA,MAAM,gBAAgB,4GAWpB,CAAC;AAGH,QAAA,MAAM,WAAW,4GAUf,CAAC;AAGH,QAAA,MAAM,YAAY,4GAUhB,CAAC;AAGH,QAAA,MAAM,YAAY,4GAWhB,CAAC;AAGH,QAAA,MAAM,aAAa,4GAUjB,CAAC"}
|
|
@@ -15,7 +15,8 @@ const AlertInformation = Alert.withProps({
|
|
|
15
15
|
root: {
|
|
16
16
|
'--alert-color': 'var(--mantine-color-text)',
|
|
17
17
|
'--alert-bg': 'var(--mantine-color-gray-light)',
|
|
18
|
-
'--alert-bd': '2px solid var(--mantine-color-gray-light)'
|
|
18
|
+
'--alert-bd': '2px solid var(--mantine-color-gray-light)',
|
|
19
|
+
'--alert-radius': 'var(--mantine-radius-sm)'
|
|
19
20
|
}
|
|
20
21
|
})
|
|
21
22
|
});
|
|
@@ -28,7 +29,8 @@ const AlertAdvice = Alert.withProps({
|
|
|
28
29
|
root: {
|
|
29
30
|
'--alert-color': 'var(--mantine-primary-color-filled)',
|
|
30
31
|
'--alert-bg': 'var(--mantine-primary-color-light)',
|
|
31
|
-
'--alert-bd': '2px solid var(--mantine-primary-color-light)'
|
|
32
|
+
'--alert-bd': '2px solid var(--mantine-primary-color-light)',
|
|
33
|
+
'--alert-radius': 'var(--mantine-radius-sm)'
|
|
32
34
|
}
|
|
33
35
|
})
|
|
34
36
|
});
|
|
@@ -41,7 +43,8 @@ const AlertSuccess = Alert.withProps({
|
|
|
41
43
|
root: {
|
|
42
44
|
'--alert-color': 'var(--mantine-color-green-filled)',
|
|
43
45
|
'--alert-bg': 'var(--mantine-color-green-light)',
|
|
44
|
-
'--alert-bd': '2px solid var(--mantine-color-green-light)'
|
|
46
|
+
'--alert-bd': '2px solid var(--mantine-color-green-light)',
|
|
47
|
+
'--alert-radius': 'var(--mantine-radius-sm)'
|
|
45
48
|
}
|
|
46
49
|
})
|
|
47
50
|
});
|
|
@@ -55,7 +58,8 @@ const AlertWarning = Alert.withProps({
|
|
|
55
58
|
root: {
|
|
56
59
|
'--alert-color': 'var(--mantine-color-yellow-text)',
|
|
57
60
|
'--alert-bg': 'var(--mantine-color-yellow-light)',
|
|
58
|
-
'--alert-bd': '2px solid var(--mantine-color-yellow-light)'
|
|
61
|
+
'--alert-bd': '2px solid var(--mantine-color-yellow-light)',
|
|
62
|
+
'--alert-radius': 'var(--mantine-radius-sm)'
|
|
59
63
|
}
|
|
60
64
|
})
|
|
61
65
|
});
|
|
@@ -68,7 +72,8 @@ const AlertCritical = Alert.withProps({
|
|
|
68
72
|
root: {
|
|
69
73
|
'--alert-color': 'var(--mantine-color-error)',
|
|
70
74
|
'--alert-bg': 'var(--mantine-color-red-light)',
|
|
71
|
-
'--alert-bd': '2px solid var(--mantine-color-red-light)'
|
|
75
|
+
'--alert-bd': '2px solid var(--mantine-color-red-light)',
|
|
76
|
+
'--alert-radius': 'var(--mantine-radius-sm)'
|
|
72
77
|
}
|
|
73
78
|
})
|
|
74
79
|
});
|
|
@@ -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 },\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 },\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 },\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 },\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 },\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;
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/Header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.tsx"],"sourcesContent":["import {IconChevronLeft} from '@coveord/plasma-react-icons';\nimport {Anchor, type AnchorProps, Flex, type PolymorphicFactory, polymorphicFactory} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport interface HeaderBreadcrumbAnchorProps extends AnchorProps {\n /**\n * If true, only one breadcrumb will be displayed with a back arrow\n * @default false\n **/\n single?: boolean;\n children: ReactNode;\n}\n\nexport type HeaderBreadcrumbAnchorStyleNames = 'breadcrumbAnchor' | 'breadcrumbAnchorSingleGroup';\n\nexport type HeaderBreadcrumbAnchorFactory = PolymorphicFactory<{\n props: HeaderBreadcrumbAnchorProps;\n ref: HTMLAnchorElement;\n stylesNames: HeaderBreadcrumbAnchorStyleNames;\n compound: true;\n defaultComponent: 'a';\n defaultRef: HTMLAnchorElement;\n}>;\n\nexport const HeaderBreadcrumbAnchor = polymorphicFactory<HeaderBreadcrumbAnchorFactory>((props, ref) => {\n const {children, className, classNames, styles, style, single, ...others} = props;\n const ctx = useHeaderContext();\n\n const content = single ? (\n <Flex\n align=\"center\"\n {...ctx.getStyles('breadcrumbAnchorSingleGroup', {className, classNames, styles, style, props})}\n >\n <IconChevronLeft aria-label=\"arrow pointing back\" size={
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/Header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.tsx"],"sourcesContent":["import {IconChevronLeft} from '@coveord/plasma-react-icons';\nimport {Anchor, type AnchorProps, Flex, type PolymorphicFactory, polymorphicFactory} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport interface HeaderBreadcrumbAnchorProps extends AnchorProps {\n /**\n * If true, only one breadcrumb will be displayed with a back arrow\n * @default false\n **/\n single?: boolean;\n children: ReactNode;\n}\n\nexport type HeaderBreadcrumbAnchorStyleNames = 'breadcrumbAnchor' | 'breadcrumbAnchorSingleGroup';\n\nexport type HeaderBreadcrumbAnchorFactory = PolymorphicFactory<{\n props: HeaderBreadcrumbAnchorProps;\n ref: HTMLAnchorElement;\n stylesNames: HeaderBreadcrumbAnchorStyleNames;\n compound: true;\n defaultComponent: 'a';\n defaultRef: HTMLAnchorElement;\n}>;\n\nexport const HeaderBreadcrumbAnchor = polymorphicFactory<HeaderBreadcrumbAnchorFactory>((props, ref) => {\n const {children, className, classNames, styles, style, single, ...others} = props;\n const ctx = useHeaderContext();\n\n const content = single ? (\n <Flex\n align=\"center\"\n {...ctx.getStyles('breadcrumbAnchorSingleGroup', {className, classNames, styles, style, props})}\n >\n <IconChevronLeft aria-label=\"arrow pointing back\" size={20} />\n {children}\n </Flex>\n ) : (\n children\n );\n\n return (\n <Anchor\n ref={ref}\n inherit\n {...ctx.getStyles('breadcrumbAnchor', {className, classNames, styles, style, props})}\n {...others}\n >\n {content}\n </Anchor>\n );\n});\n\nHeaderBreadcrumbAnchor.displayName = 'Header.BreadcrumbAnchor';\n"],"names":["IconChevronLeft","Anchor","Flex","polymorphicFactory","useHeaderContext","HeaderBreadcrumbAnchor","props","ref","children","className","classNames","styles","style","single","others","ctx","content","align","getStyles","aria-label","size","inherit","displayName"],"mappings":";AAAA,SAAQA,eAAe,QAAO,8BAA8B;AAC5D,SAAQC,MAAM,EAAoBC,IAAI,EAA2BC,kBAAkB,QAAO,gBAAgB;AAE1G,SAAQC,gBAAgB,QAAO,uBAAuB;AAsBtD,OAAO,MAAMC,yBAAyBF,mBAAkD,CAACG,OAAOC;IAC5F,MAAM,EAACC,QAAQ,EAAEC,SAAS,EAAEC,UAAU,EAAEC,MAAM,EAAEC,KAAK,EAAEC,MAAM,EAAE,GAAGC,QAAO,GAAGR;IAC5E,MAAMS,MAAMX;IAEZ,MAAMY,UAAUH,uBACZ,MAACX;QACGe,OAAM;QACL,GAAGF,IAAIG,SAAS,CAAC,+BAA+B;YAACT;YAAWC;YAAYC;YAAQC;YAAON;QAAK,EAAE;;0BAE/F,KAACN;gBAAgBmB,cAAW;gBAAsBC,MAAM;;YACvDZ;;SAGLA;IAGJ,qBACI,KAACP;QACGM,KAAKA;QACLc,OAAO;QACN,GAAGN,IAAIG,SAAS,CAAC,oBAAoB;YAACT;YAAWC;YAAYC;YAAQC;YAAON;QAAK,EAAE;QACnF,GAAGQ,MAAM;kBAETE;;AAGb,GAAG;AAEHX,uBAAuBiB,WAAW,GAAG"}
|
package/dist/esm/theme/Theme.js
CHANGED