@coveord/plasma-mantine 56.5.0 → 56.8.0

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 (20) hide show
  1. package/.turbo/turbo-build.log +4 -4
  2. package/.turbo/turbo-test.log +102 -104
  3. package/dist/.tsbuildinfo +1 -1
  4. package/dist/cjs/components/Badge/Badge.d.ts.map +1 -1
  5. package/dist/cjs/components/Badge/Badge.js +10 -8
  6. package/dist/cjs/components/Badge/Badge.js.map +1 -1
  7. package/dist/cjs/theme/Plasmantine.d.ts +1 -1
  8. package/dist/cjs/theme/Plasmantine.d.ts.map +1 -1
  9. package/dist/cjs/theme/Plasmantine.js +2 -2
  10. package/dist/cjs/theme/Plasmantine.js.map +1 -1
  11. package/dist/esm/components/Badge/Badge.d.ts.map +1 -1
  12. package/dist/esm/components/Badge/Badge.js +11 -7
  13. package/dist/esm/components/Badge/Badge.js.map +1 -1
  14. package/dist/esm/theme/Plasmantine.d.ts +1 -1
  15. package/dist/esm/theme/Plasmantine.d.ts.map +1 -1
  16. package/dist/esm/theme/Plasmantine.js +2 -2
  17. package/dist/esm/theme/Plasmantine.js.map +1 -1
  18. package/package.json +1 -1
  19. package/src/components/Badge/Badge.tsx +12 -2
  20. package/src/theme/Plasmantine.tsx +3 -3
package/dist/cjs/components/Badge/Badge.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,iBAAiB,EACjB,UAAU,EACV,gBAAgB,EAChB,YAAY,EAGZ,kBAAkB,EAClB,yBAAyB,EAE5B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAa,yBAAyB,EAAgB,SAAS,EAAE,aAAa,EAAC,MAAM,OAAO,CAAC;AAEpG,MAAM,WAAW,kBACb,SAAQ,IAAI,CACR,UAAU,EACR,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,MAAM,GACN,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,MAAM,GACN,aAAa,GACb,cAAc,GACd,WAAW,GACX,QAAQ,CACb;IACD;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB;;;OAGG;IACH,EAAE,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,aAAa,GAAG,yBAAyB,CAAC,kBAAkB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC;AA6G1G,MAAM,MAAM,oBAAoB,GAAG,kBAAkB,CAAC;IAClD,KAAK,EAAE,UAAU,CAAC;IAClB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,IAAI,EAAE,iBAAiB,CAAC;IACxB,OAAO,EAAE,YAAY,CAAC;IACtB,gBAAgB,EAAE;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B,CAAC;CACL,CAAC,CAAC;AAEH,eAAO,MAAM,KAAK;;;;;;;;;WAhBP,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;WAbM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;WAbM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;aANY,aAAa;eACX,aAAa;aACf,aAAa;cACZ,aAAa;aACd,aAAa;cACZ,aAAa;CAIqF,CAAC"}
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,iBAAiB,EACjB,UAAU,EACV,gBAAgB,EAChB,YAAY,EAGZ,kBAAkB,EAClB,yBAAyB,EAE5B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAa,yBAAyB,EAAgB,SAAS,EAAE,aAAa,EAAC,MAAM,OAAO,CAAC;AAEpG,MAAM,WAAW,kBACb,SAAQ,IAAI,CACR,UAAU,EACR,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,MAAM,GACN,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,MAAM,GACN,aAAa,GACb,cAAc,GACd,WAAW,GACX,QAAQ,CACb;IACD;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB;;;OAGG;IACH,EAAE,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,aAAa,GAAG,yBAAyB,CAAC,kBAAkB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC;AAuH1G,MAAM,MAAM,oBAAoB,GAAG,kBAAkB,CAAC;IAClD,KAAK,EAAE,UAAU,CAAC;IAClB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,IAAI,EAAE,iBAAiB,CAAC;IACxB,OAAO,EAAE,YAAY,CAAC;IACtB,gBAAgB,EAAE;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B,CAAC;CACL,CAAC,CAAC;AAEH,eAAO,MAAM,KAAK;;;;;;;;;WAhBP,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;WAbM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;WAbM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;aANY,aAAa;eACX,aAAa;aACf,aAAa;cACZ,aAAa;aACd,aAAa;cACZ,aAAa;CAIqF,CAAC"}
package/dist/cjs/components/Badge/Badge.js CHANGED
@@ -13,8 +13,8 @@ var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
13
13
  var _jsxruntime = require("react/jsx-runtime");
14
14
  var _core = require("@mantine/core");
15
15
  var _react = require("react");
16
- var enhanceBadge = function(ComponentLight, ComponentDark) {
17
- return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
16
+ var enhanceBadge = function(ComponentLight, ComponentDark, displayName) {
17
+ var EnhancedBadge = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
18
18
  var computedColorScheme = (0, _core.useComputedColorScheme)('light', {
19
19
  getInitialValueInEffect: true
20
20
  });
@@ -28,6 +28,8 @@ var enhanceBadge = function(ComponentLight, ComponentDark) {
28
28
  h: props.size === 'large' ? 22 : 20
29
29
  }));
30
30
  });
31
+ EnhancedBadge.displayName = displayName;
32
+ return EnhancedBadge;
31
33
  };
32
34
  var BadgePrimary = enhanceBadge(_core.Badge.withProps({
33
35
  variant: 'light',
@@ -38,7 +40,7 @@ var BadgePrimary = enhanceBadge(_core.Badge.withProps({
38
40
  bd: "1px solid ".concat((0, _core.alpha)('var(--mantine-primary-color-3)', 0.32)),
39
41
  c: 'var(--mantine-primary-color-2)',
40
42
  bg: (0, _core.alpha)('var(--mantine-primary-color-3)', 0.32)
41
- }));
43
+ }), 'Badge.Primary');
42
44
  var BadgeSecondary = enhanceBadge(_core.Badge.withProps({
43
45
  variant: 'light',
44
46
  color: 'gray',
@@ -50,7 +52,7 @@ var BadgeSecondary = enhanceBadge(_core.Badge.withProps({
50
52
  c: 'var(--mantine-color-white)',
51
53
  bd: "1px solid ".concat((0, _core.alpha)('var(--mantine-color-gray-3)', 0.16)),
52
54
  bg: (0, _core.alpha)('var(--mantine-color-gray-3)', 0.16)
53
- }));
55
+ }), 'Badge.Secondary');
54
56
  var BadgeSuccess = enhanceBadge(_core.Badge.withProps({
55
57
  variant: 'light',
56
58
  color: 'green',
@@ -62,7 +64,7 @@ var BadgeSuccess = enhanceBadge(_core.Badge.withProps({
62
64
  c: 'green.2',
63
65
  bd: "1px solid ".concat((0, _core.alpha)('var(--mantine-color-green-3)', 0.16)),
64
66
  bg: (0, _core.alpha)('var(--mantine-color-green-3)', 0.16)
65
- }));
67
+ }), 'Badge.Success');
66
68
  var BadgeCritical = enhanceBadge(_core.Badge.withProps({
67
69
  variant: 'light',
68
70
  color: 'critical',
@@ -74,7 +76,7 @@ var BadgeCritical = enhanceBadge(_core.Badge.withProps({
74
76
  c: 'red.2',
75
77
  bd: "1px solid ".concat((0, _core.alpha)('var(--mantine-color-red-3)', 0.16)),
76
78
  bg: (0, _core.alpha)('var(--mantine-color-red-3)', 0.16)
77
- }));
79
+ }), 'Badge.Critical');
78
80
  var BadgeWarning = enhanceBadge(_core.Badge.withProps({
79
81
  variant: 'light',
80
82
  color: 'warning',
@@ -86,7 +88,7 @@ var BadgeWarning = enhanceBadge(_core.Badge.withProps({
86
88
  c: 'yellow.2',
87
89
  bd: "1px solid ".concat((0, _core.alpha)('var(--mantine-color-yellow-3)', 0.16)),
88
90
  bg: (0, _core.alpha)('var(--mantine-color-yellow-3)', 0.16)
89
- }));
91
+ }), 'Badge.Warning');
90
92
  var BadgeDisabled = enhanceBadge(_core.Badge.withProps({
91
93
  variant: 'light',
92
94
  color: 'gray',
@@ -97,7 +99,7 @@ var BadgeDisabled = enhanceBadge(_core.Badge.withProps({
97
99
  color: 'gray',
98
100
  c: 'dark.3',
99
101
  bg: (0, _core.alpha)('var(--mantine-color-gray-3)', 0.16)
100
- }));
102
+ }), 'Badge.Disabled');
101
103
  var Badge = (0, _core.polymorphicFactory)(function(props, ref) {
102
104
  return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Badge, _object_spread._({
103
105
  ref: ref
package/dist/cjs/components/Badge/Badge.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import {\n alpha,\n BadgeCssVariables,\n BadgeProps,\n BadgeStylesNames,\n BadgeVariant,\n Badge as MantineBadge,\n polymorphicFactory,\n PolymorphicFactory,\n PolymorphicComponentProps,\n useComputedColorScheme,\n} from '@mantine/core';\nimport {forwardRef, ForwardRefExoticComponent, ReactElement, ReactNode, RefAttributes} from 'react';\n\nexport interface SemanticBadgeProps\n extends Pick<\n BadgeProps,\n | 'm'\n | 'mt'\n | 'mb'\n | 'ml'\n | 'mr'\n | 'ms'\n | 'me'\n | 'mx'\n | 'my'\n | 'miw'\n | 'maw'\n | 'pos'\n | 'top'\n | 'left'\n | 'right'\n | 'bottom'\n | 'inset'\n | 'display'\n | 'flex'\n | 'leftSection'\n | 'rightSection'\n | 'fullWidth'\n | 'circle'\n > {\n /**\n * The size of the badge.\n * @default 'small'\n */\n size?: 'small' | 'large';\n /**\n * Whether the badge is displayed over a light or dark background.\n * @default Falls back to theme.\n */\n on?: 'light' | 'dark';\n /**\n * The content of the badge.\n */\n children?: ReactNode;\n}\n\nexport type SemanticBadge = ForwardRefExoticComponent<SemanticBadgeProps & RefAttributes<HTMLDivElement>>;\n\nconst enhanceBadge = (\n ComponentLight: <L = 'div'>(props: PolymorphicComponentProps<L, BadgeProps>) => ReactElement,\n ComponentDark: <L = 'div'>(props: PolymorphicComponentProps<L, BadgeProps>) => ReactElement,\n): SemanticBadge =>\n forwardRef<HTMLDivElement, SemanticBadgeProps>((props, ref) => {\n const computedColorScheme = useComputedColorScheme('light', {getInitialValueInEffect: true});\n const Component = (props.on || computedColorScheme) === 'dark' ? ComponentDark : ComponentLight;\n return (\n <Component\n ref={ref}\n {...props}\n py={2}\n px={12}\n size={props.size === 'large' ? 'lg' : 'md'}\n h={props.size === 'large' ? 22 : 20}\n />\n );\n });\n\nconst BadgePrimary = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n bd: '1px solid var(--badge-bg)',\n c: 'var(--mantine-primary-color-6)',\n }),\n MantineBadge.withProps({\n variant: 'light',\n bd: `1px solid ${alpha('var(--mantine-primary-color-3)', 0.32)}`,\n c: 'var(--mantine-primary-color-2)',\n bg: alpha('var(--mantine-primary-color-3)', 0.32),\n }),\n);\nconst BadgeSecondary = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n color: 'gray',\n bd: '1px solid var(--badge-bg)',\n c: 'gray.7',\n }),\n MantineBadge.withProps({\n variant: 'light',\n color: 'gray',\n c: 'var(--mantine-color-white)',\n bd: `1px solid ${alpha('var(--mantine-color-gray-3)', 0.16)}`,\n bg: alpha('var(--mantine-color-gray-3)', 0.16),\n }),\n);\nconst BadgeSuccess = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n color: 'green',\n bd: '1px solid var(--badge-bg)',\n c: 'green.6',\n }),\n MantineBadge.withProps({\n variant: 'light',\n color: 'green',\n c: 'green.2',\n bd: `1px solid ${alpha('var(--mantine-color-green-3)', 0.16)}`,\n bg: alpha('var(--mantine-color-green-3)', 0.16),\n }),\n);\nconst BadgeCritical = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n color: 'critical',\n bd: '1px solid var(--badge-bg)',\n c: 'red.6',\n }),\n MantineBadge.withProps({\n variant: 'light',\n color: 'critical',\n c: 'red.2',\n bd: `1px solid ${alpha('var(--mantine-color-red-3)', 0.16)}`,\n bg: alpha('var(--mantine-color-red-3)', 0.16),\n }),\n);\nconst BadgeWarning = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n color: 'warning',\n bd: '1px solid var(--badge-bg)',\n c: 'yellow.6',\n }),\n MantineBadge.withProps({\n variant: 'light',\n color: 'warning',\n c: 'yellow.2',\n bd: `1px solid ${alpha('var(--mantine-color-yellow-3)', 0.16)}`,\n bg: alpha('var(--mantine-color-yellow-3)', 0.16),\n }),\n);\nconst BadgeDisabled = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n color: 'gray',\n c: 'var(--coveo-color-text-disabled)',\n bg: 'var(--coveo-color-bg-disabled)',\n }),\n MantineBadge.withProps({\n variant: 'light',\n color: 'gray',\n c: 'dark.3',\n bg: alpha('var(--mantine-color-gray-3)', 0.16),\n }),\n);\n\nexport type BadgeOverloadFactory = PolymorphicFactory<{\n props: BadgeProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: BadgeStylesNames;\n vars: BadgeCssVariables;\n variant: BadgeVariant;\n staticComponents: {\n Primary: SemanticBadge;\n Secondary: SemanticBadge;\n Success: SemanticBadge;\n Critical: SemanticBadge;\n Warning: SemanticBadge;\n Disabled: SemanticBadge;\n };\n}>;\n\nexport const Badge = polymorphicFactory<BadgeOverloadFactory>((props, ref) => <MantineBadge ref={ref} {...props} />);\n\nBadge.Primary = BadgePrimary;\nBadge.Secondary = BadgeSecondary;\nBadge.Success = BadgeSuccess;\nBadge.Critical = BadgeCritical;\nBadge.Warning = BadgeWarning;\nBadge.Disabled = BadgeDisabled;\n"],"names":["Badge","enhanceBadge","ComponentLight","ComponentDark","forwardRef","props","ref","computedColorScheme","useComputedColorScheme","getInitialValueInEffect","Component","on","py","px","size","h","BadgePrimary","MantineBadge","withProps","variant","bd","c","alpha","bg","BadgeSecondary","color","BadgeSuccess","BadgeCritical","BadgeWarning","BadgeDisabled","polymorphicFactory","Primary","Secondary","Success","Critical","Warning","Disabled"],"mappings":"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"}
1
+ {"version":3,"sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import {\n alpha,\n BadgeCssVariables,\n BadgeProps,\n BadgeStylesNames,\n BadgeVariant,\n Badge as MantineBadge,\n polymorphicFactory,\n PolymorphicFactory,\n PolymorphicComponentProps,\n useComputedColorScheme,\n} from '@mantine/core';\nimport {forwardRef, ForwardRefExoticComponent, ReactElement, ReactNode, RefAttributes} from 'react';\n\nexport interface SemanticBadgeProps\n extends Pick<\n BadgeProps,\n | 'm'\n | 'mt'\n | 'mb'\n | 'ml'\n | 'mr'\n | 'ms'\n | 'me'\n | 'mx'\n | 'my'\n | 'miw'\n | 'maw'\n | 'pos'\n | 'top'\n | 'left'\n | 'right'\n | 'bottom'\n | 'inset'\n | 'display'\n | 'flex'\n | 'leftSection'\n | 'rightSection'\n | 'fullWidth'\n | 'circle'\n > {\n /**\n * The size of the badge.\n * @default 'small'\n */\n size?: 'small' | 'large';\n /**\n * Whether the badge is displayed over a light or dark background.\n * @default Falls back to theme.\n */\n on?: 'light' | 'dark';\n /**\n * The content of the badge.\n */\n children?: ReactNode;\n}\n\nexport type SemanticBadge = ForwardRefExoticComponent<SemanticBadgeProps & RefAttributes<HTMLDivElement>>;\n\nconst enhanceBadge = (\n ComponentLight: <L = 'div'>(props: PolymorphicComponentProps<L, BadgeProps>) => ReactElement,\n ComponentDark: <L = 'div'>(props: PolymorphicComponentProps<L, BadgeProps>) => ReactElement,\n displayName: string,\n): SemanticBadge => {\n const EnhancedBadge = forwardRef<HTMLDivElement, SemanticBadgeProps>((props, ref) => {\n const computedColorScheme = useComputedColorScheme('light', {getInitialValueInEffect: true});\n const Component = (props.on || computedColorScheme) === 'dark' ? ComponentDark : ComponentLight;\n return (\n <Component\n ref={ref}\n {...props}\n py={2}\n px={12}\n size={props.size === 'large' ? 'lg' : 'md'}\n h={props.size === 'large' ? 22 : 20}\n />\n );\n });\n EnhancedBadge.displayName = displayName;\n return EnhancedBadge;\n};\n\nconst BadgePrimary = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n bd: '1px solid var(--badge-bg)',\n c: 'var(--mantine-primary-color-6)',\n }),\n MantineBadge.withProps({\n variant: 'light',\n bd: `1px solid ${alpha('var(--mantine-primary-color-3)', 0.32)}`,\n c: 'var(--mantine-primary-color-2)',\n bg: alpha('var(--mantine-primary-color-3)', 0.32),\n }),\n 'Badge.Primary',\n);\nconst BadgeSecondary = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n color: 'gray',\n bd: '1px solid var(--badge-bg)',\n c: 'gray.7',\n }),\n MantineBadge.withProps({\n variant: 'light',\n color: 'gray',\n c: 'var(--mantine-color-white)',\n bd: `1px solid ${alpha('var(--mantine-color-gray-3)', 0.16)}`,\n bg: alpha('var(--mantine-color-gray-3)', 0.16),\n }),\n 'Badge.Secondary',\n);\nconst BadgeSuccess = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n color: 'green',\n bd: '1px solid var(--badge-bg)',\n c: 'green.6',\n }),\n MantineBadge.withProps({\n variant: 'light',\n color: 'green',\n c: 'green.2',\n bd: `1px solid ${alpha('var(--mantine-color-green-3)', 0.16)}`,\n bg: alpha('var(--mantine-color-green-3)', 0.16),\n }),\n 'Badge.Success',\n);\nconst BadgeCritical = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n color: 'critical',\n bd: '1px solid var(--badge-bg)',\n c: 'red.6',\n }),\n MantineBadge.withProps({\n variant: 'light',\n color: 'critical',\n c: 'red.2',\n bd: `1px solid ${alpha('var(--mantine-color-red-3)', 0.16)}`,\n bg: alpha('var(--mantine-color-red-3)', 0.16),\n }),\n 'Badge.Critical',\n);\nconst BadgeWarning = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n color: 'warning',\n bd: '1px solid var(--badge-bg)',\n c: 'yellow.6',\n }),\n MantineBadge.withProps({\n variant: 'light',\n color: 'warning',\n c: 'yellow.2',\n bd: `1px solid ${alpha('var(--mantine-color-yellow-3)', 0.16)}`,\n bg: alpha('var(--mantine-color-yellow-3)', 0.16),\n }),\n 'Badge.Warning',\n);\nconst BadgeDisabled = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n color: 'gray',\n c: 'var(--coveo-color-text-disabled)',\n bg: 'var(--coveo-color-bg-disabled)',\n }),\n MantineBadge.withProps({\n variant: 'light',\n color: 'gray',\n c: 'dark.3',\n bg: alpha('var(--mantine-color-gray-3)', 0.16),\n }),\n 'Badge.Disabled',\n);\n\nexport type BadgeOverloadFactory = PolymorphicFactory<{\n props: BadgeProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: BadgeStylesNames;\n vars: BadgeCssVariables;\n variant: BadgeVariant;\n staticComponents: {\n Primary: SemanticBadge;\n Secondary: SemanticBadge;\n Success: SemanticBadge;\n Critical: SemanticBadge;\n Warning: SemanticBadge;\n Disabled: SemanticBadge;\n };\n}>;\n\nexport const Badge = polymorphicFactory<BadgeOverloadFactory>((props, ref) => <MantineBadge ref={ref} {...props} />);\n\nBadge.Primary = BadgePrimary;\nBadge.Secondary = BadgeSecondary;\nBadge.Success = BadgeSuccess;\nBadge.Critical = BadgeCritical;\nBadge.Warning = BadgeWarning;\nBadge.Disabled = BadgeDisabled;\n"],"names":["Badge","enhanceBadge","ComponentLight","ComponentDark","displayName","EnhancedBadge","forwardRef","props","ref","computedColorScheme","useComputedColorScheme","getInitialValueInEffect","Component","on","py","px","size","h","BadgePrimary","MantineBadge","withProps","variant","bd","c","alpha","bg","BadgeSecondary","color","BadgeSuccess","BadgeCritical","BadgeWarning","BadgeDisabled","polymorphicFactory","Primary","Secondary","Success","Critical","Warning","Disabled"],"mappings":"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"}
package/dist/cjs/theme/Plasmantine.d.ts CHANGED
@@ -1,5 +1,5 @@
1
+ import '../styles/global.css';
1
2
  import { MantineProviderProps } from '@mantine/core';
2
3
  import { FunctionComponent } from 'react';
3
- import '../styles/global.css';
4
4
  export declare const Plasmantine: FunctionComponent<MantineProviderProps>;
5
5
  //# sourceMappingURL=Plasmantine.d.ts.map
package/dist/cjs/theme/Plasmantine.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Plasmantine.d.ts","sourceRoot":"","sources":["../../../src/theme/Plasmantine.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,oBAAoB,EAAsB,MAAM,eAAe,CAAC;AACzF,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAKxC,OAAO,sBAAsB,CAAC;AAE9B,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,oBAAoB,CAc/D,CAAC"}
1
+ {"version":3,"file":"Plasmantine.d.ts","sourceRoot":"","sources":["../../../src/theme/Plasmantine.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAkB,oBAAoB,EAAsB,MAAM,eAAe,CAAC;AACzF,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAKxC,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,oBAAoB,CAc/D,CAAC"}
package/dist/cjs/theme/Plasmantine.js CHANGED
@@ -12,11 +12,11 @@ var _object_spread = require("@swc/helpers/_/_object_spread");
12
12
  var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
13
13
  var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
14
14
  var _jsxruntime = require("react/jsx-runtime");
15
+ require("../styles/global.css");
15
16
  var _core = require("@mantine/core");
17
+ var _mergeCSSVariablesResolvers = require("./mergeCSSVariablesResolvers.js");
16
18
  var _plasmaCSSVariablesResolver = require("./plasmaCSSVariablesResolver.js");
17
19
  var _Theme = require("./Theme.js");
18
- var _mergeCSSVariablesResolvers = require("./mergeCSSVariablesResolvers.js");
19
- require("../styles/global.css");
20
20
  var Plasmantine = function(_param) {
21
21
  var children = _param.children, externalTheme = _param.theme, externalCSSVariablesResolver = _param.cssVariablesResolver, others = _object_without_properties._(_param, [
22
22
  "children",
package/dist/cjs/theme/Plasmantine.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/theme/Plasmantine.tsx"],"sourcesContent":["import {MantineProvider, MantineProviderProps, mergeThemeOverrides} from '@mantine/core';\nimport {FunctionComponent} from 'react';\n\nimport {plasmaCSSVariablesResolver} from './plasmaCSSVariablesResolver.js';\nimport {plasmaTheme} from './Theme.js';\nimport {mergeCSSVariablesResolvers} from './mergeCSSVariablesResolvers.js';\nimport '../styles/global.css';\n\nexport const Plasmantine: FunctionComponent<MantineProviderProps> = ({\n children,\n theme: externalTheme,\n cssVariablesResolver: externalCSSVariablesResolver,\n ...others\n}) => {\n const theme = mergeThemeOverrides(plasmaTheme, externalTheme);\n const cssVariablesResolver = mergeCSSVariablesResolvers(plasmaCSSVariablesResolver, externalCSSVariablesResolver);\n\n return (\n <MantineProvider theme={theme} cssVariablesResolver={cssVariablesResolver} {...others}>\n {children}\n </MantineProvider>\n );\n};\n"],"names":["Plasmantine","children","theme","externalTheme","cssVariablesResolver","externalCSSVariablesResolver","others","mergeThemeOverrides","plasmaTheme","mergeCSSVariablesResolvers","plasmaCSSVariablesResolver","MantineProvider"],"mappings":";;;;+BAQaA;;;eAAAA;;;;;;;oBAR4D;0CAGhC;qBACf;0CACe;QAClC;AAEA,IAAMA,cAAuD;QAChEC,kBAAAA,UACAC,AAAOC,uBAAPD,OACAE,AAAsBC,sCAAtBD,sBACGE;QAHHL;QACAC;QACAE;;IAGA,IAAMF,QAAQK,IAAAA,yBAAmB,EAACC,kBAAW,EAAEL;IAC/C,IAAMC,uBAAuBK,IAAAA,sDAA0B,EAACC,sDAA0B,EAAEL;IAEpF,qBACI,qBAACM,qBAAe;QAACT,OAAOA;QAAOE,sBAAsBA;OAA0BE;kBAC1EL;;AAGb"}
1
+ {"version":3,"sources":["../../../src/theme/Plasmantine.tsx"],"sourcesContent":["import '../styles/global.css';\n\nimport {MantineProvider, MantineProviderProps, mergeThemeOverrides} from '@mantine/core';\nimport {FunctionComponent} from 'react';\nimport {mergeCSSVariablesResolvers} from './mergeCSSVariablesResolvers.js';\nimport {plasmaCSSVariablesResolver} from './plasmaCSSVariablesResolver.js';\nimport {plasmaTheme} from './Theme.js';\n\nexport const Plasmantine: FunctionComponent<MantineProviderProps> = ({\n children,\n theme: externalTheme,\n cssVariablesResolver: externalCSSVariablesResolver,\n ...others\n}) => {\n const theme = mergeThemeOverrides(plasmaTheme, externalTheme);\n const cssVariablesResolver = mergeCSSVariablesResolvers(plasmaCSSVariablesResolver, externalCSSVariablesResolver);\n\n return (\n <MantineProvider theme={theme} cssVariablesResolver={cssVariablesResolver} {...others}>\n {children}\n </MantineProvider>\n );\n};\n"],"names":["Plasmantine","children","theme","externalTheme","cssVariablesResolver","externalCSSVariablesResolver","others","mergeThemeOverrides","plasmaTheme","mergeCSSVariablesResolvers","plasmaCSSVariablesResolver","MantineProvider"],"mappings":";;;;+BAQaA;;;eAAAA;;;;;;;QARN;oBAEkE;0CAEhC;0CACA;qBACf;AAEnB,IAAMA,cAAuD;QAChEC,kBAAAA,UACAC,AAAOC,uBAAPD,OACAE,AAAsBC,sCAAtBD,sBACGE;QAHHL;QACAC;QACAE;;IAGA,IAAMF,QAAQK,IAAAA,yBAAmB,EAACC,kBAAW,EAAEL;IAC/C,IAAMC,uBAAuBK,IAAAA,sDAA0B,EAACC,sDAA0B,EAAEL;IAEpF,qBACI,qBAACM,qBAAe;QAACT,OAAOA;QAAOE,sBAAsBA;OAA0BE;kBAC1EL;;AAGb"}
package/dist/esm/components/Badge/Badge.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,iBAAiB,EACjB,UAAU,EACV,gBAAgB,EAChB,YAAY,EAGZ,kBAAkB,EAClB,yBAAyB,EAE5B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAa,yBAAyB,EAAgB,SAAS,EAAE,aAAa,EAAC,MAAM,OAAO,CAAC;AAEpG,MAAM,WAAW,kBACb,SAAQ,IAAI,CACR,UAAU,EACR,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,MAAM,GACN,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,MAAM,GACN,aAAa,GACb,cAAc,GACd,WAAW,GACX,QAAQ,CACb;IACD;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB;;;OAGG;IACH,EAAE,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,aAAa,GAAG,yBAAyB,CAAC,kBAAkB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC;AA6G1G,MAAM,MAAM,oBAAoB,GAAG,kBAAkB,CAAC;IAClD,KAAK,EAAE,UAAU,CAAC;IAClB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,IAAI,EAAE,iBAAiB,CAAC;IACxB,OAAO,EAAE,YAAY,CAAC;IACtB,gBAAgB,EAAE;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B,CAAC;CACL,CAAC,CAAC;AAEH,eAAO,MAAM,KAAK;;;;;;;;;WAhBP,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;WAbM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;WAbM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;aANY,aAAa;eACX,aAAa;aACf,aAAa;cACZ,aAAa;aACd,aAAa;cACZ,aAAa;CAIqF,CAAC"}
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,iBAAiB,EACjB,UAAU,EACV,gBAAgB,EAChB,YAAY,EAGZ,kBAAkB,EAClB,yBAAyB,EAE5B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAa,yBAAyB,EAAgB,SAAS,EAAE,aAAa,EAAC,MAAM,OAAO,CAAC;AAEpG,MAAM,WAAW,kBACb,SAAQ,IAAI,CACR,UAAU,EACR,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,MAAM,GACN,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,MAAM,GACN,aAAa,GACb,cAAc,GACd,WAAW,GACX,QAAQ,CACb;IACD;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB;;;OAGG;IACH,EAAE,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,aAAa,GAAG,yBAAyB,CAAC,kBAAkB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC;AAuH1G,MAAM,MAAM,oBAAoB,GAAG,kBAAkB,CAAC;IAClD,KAAK,EAAE,UAAU,CAAC;IAClB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,IAAI,EAAE,iBAAiB,CAAC;IACxB,OAAO,EAAE,YAAY,CAAC;IACtB,gBAAgB,EAAE;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B,CAAC;CACL,CAAC,CAAC;AAEH,eAAO,MAAM,KAAK;;;;;;;;;WAhBP,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;WAbM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;WAbM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;aANY,aAAa;eACX,aAAa;aACf,aAAa;cACZ,aAAa;aACd,aAAa;cACZ,aAAa;CAIqF,CAAC"}
package/dist/esm/components/Badge/Badge.js CHANGED
@@ -1,7 +1,8 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { alpha, Badge as MantineBadge, polymorphicFactory, useComputedColorScheme } from '@mantine/core';
3
3
  import { forwardRef } from 'react';
4
- const enhanceBadge = (ComponentLight, ComponentDark)=>/*#__PURE__*/ forwardRef((props, ref)=>{
4
+ const enhanceBadge = (ComponentLight, ComponentDark, displayName)=>{
5
+ const EnhancedBadge = /*#__PURE__*/ forwardRef((props, ref)=>{
5
6
  const computedColorScheme = useComputedColorScheme('light', {
6
7
  getInitialValueInEffect: true
7
8
  });
@@ -15,6 +16,9 @@ const enhanceBadge = (ComponentLight, ComponentDark)=>/*#__PURE__*/ forwardRef((
15
16
  h: props.size === 'large' ? 22 : 20
16
17
  });
17
18
  });
19
+ EnhancedBadge.displayName = displayName;
20
+ return EnhancedBadge;
21
+ };
18
22
  const BadgePrimary = enhanceBadge(MantineBadge.withProps({
19
23
  variant: 'light',
20
24
  bd: '1px solid var(--badge-bg)',
@@ -24,7 +28,7 @@ const BadgePrimary = enhanceBadge(MantineBadge.withProps({
24
28
  bd: `1px solid ${alpha('var(--mantine-primary-color-3)', 0.32)}`,
25
29
  c: 'var(--mantine-primary-color-2)',
26
30
  bg: alpha('var(--mantine-primary-color-3)', 0.32)
27
- }));
31
+ }), 'Badge.Primary');
28
32
  const BadgeSecondary = enhanceBadge(MantineBadge.withProps({
29
33
  variant: 'light',
30
34
  color: 'gray',
@@ -36,7 +40,7 @@ const BadgeSecondary = enhanceBadge(MantineBadge.withProps({
36
40
  c: 'var(--mantine-color-white)',
37
41
  bd: `1px solid ${alpha('var(--mantine-color-gray-3)', 0.16)}`,
38
42
  bg: alpha('var(--mantine-color-gray-3)', 0.16)
39
- }));
43
+ }), 'Badge.Secondary');
40
44
  const BadgeSuccess = enhanceBadge(MantineBadge.withProps({
41
45
  variant: 'light',
42
46
  color: 'green',
@@ -48,7 +52,7 @@ const BadgeSuccess = enhanceBadge(MantineBadge.withProps({
48
52
  c: 'green.2',
49
53
  bd: `1px solid ${alpha('var(--mantine-color-green-3)', 0.16)}`,
50
54
  bg: alpha('var(--mantine-color-green-3)', 0.16)
51
- }));
55
+ }), 'Badge.Success');
52
56
  const BadgeCritical = enhanceBadge(MantineBadge.withProps({
53
57
  variant: 'light',
54
58
  color: 'critical',
@@ -60,7 +64,7 @@ const BadgeCritical = enhanceBadge(MantineBadge.withProps({
60
64
  c: 'red.2',
61
65
  bd: `1px solid ${alpha('var(--mantine-color-red-3)', 0.16)}`,
62
66
  bg: alpha('var(--mantine-color-red-3)', 0.16)
63
- }));
67
+ }), 'Badge.Critical');
64
68
  const BadgeWarning = enhanceBadge(MantineBadge.withProps({
65
69
  variant: 'light',
66
70
  color: 'warning',
@@ -72,7 +76,7 @@ const BadgeWarning = enhanceBadge(MantineBadge.withProps({
72
76
  c: 'yellow.2',
73
77
  bd: `1px solid ${alpha('var(--mantine-color-yellow-3)', 0.16)}`,
74
78
  bg: alpha('var(--mantine-color-yellow-3)', 0.16)
75
- }));
79
+ }), 'Badge.Warning');
76
80
  const BadgeDisabled = enhanceBadge(MantineBadge.withProps({
77
81
  variant: 'light',
78
82
  color: 'gray',
@@ -83,7 +87,7 @@ const BadgeDisabled = enhanceBadge(MantineBadge.withProps({
83
87
  color: 'gray',
84
88
  c: 'dark.3',
85
89
  bg: alpha('var(--mantine-color-gray-3)', 0.16)
86
- }));
90
+ }), 'Badge.Disabled');
87
91
  export const Badge = polymorphicFactory((props, ref)=>/*#__PURE__*/ _jsx(MantineBadge, {
88
92
  ref: ref,
89
93
  ...props
package/dist/esm/components/Badge/Badge.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import {\n alpha,\n BadgeCssVariables,\n BadgeProps,\n BadgeStylesNames,\n BadgeVariant,\n Badge as MantineBadge,\n polymorphicFactory,\n PolymorphicFactory,\n PolymorphicComponentProps,\n useComputedColorScheme,\n} from '@mantine/core';\nimport {forwardRef, ForwardRefExoticComponent, ReactElement, ReactNode, RefAttributes} from 'react';\n\nexport interface SemanticBadgeProps\n extends Pick<\n BadgeProps,\n | 'm'\n | 'mt'\n | 'mb'\n | 'ml'\n | 'mr'\n | 'ms'\n | 'me'\n | 'mx'\n | 'my'\n | 'miw'\n | 'maw'\n | 'pos'\n | 'top'\n | 'left'\n | 'right'\n | 'bottom'\n | 'inset'\n | 'display'\n | 'flex'\n | 'leftSection'\n | 'rightSection'\n | 'fullWidth'\n | 'circle'\n > {\n /**\n * The size of the badge.\n * @default 'small'\n */\n size?: 'small' | 'large';\n /**\n * Whether the badge is displayed over a light or dark background.\n * @default Falls back to theme.\n */\n on?: 'light' | 'dark';\n /**\n * The content of the badge.\n */\n children?: ReactNode;\n}\n\nexport type SemanticBadge = ForwardRefExoticComponent<SemanticBadgeProps & RefAttributes<HTMLDivElement>>;\n\nconst enhanceBadge = (\n ComponentLight: <L = 'div'>(props: PolymorphicComponentProps<L, BadgeProps>) => ReactElement,\n ComponentDark: <L = 'div'>(props: PolymorphicComponentProps<L, BadgeProps>) => ReactElement,\n): SemanticBadge =>\n forwardRef<HTMLDivElement, SemanticBadgeProps>((props, ref) => {\n const computedColorScheme = useComputedColorScheme('light', {getInitialValueInEffect: true});\n const Component = (props.on || computedColorScheme) === 'dark' ? ComponentDark : ComponentLight;\n return (\n <Component\n ref={ref}\n {...props}\n py={2}\n px={12}\n size={props.size === 'large' ? 'lg' : 'md'}\n h={props.size === 'large' ? 22 : 20}\n />\n );\n });\n\nconst BadgePrimary = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n bd: '1px solid var(--badge-bg)',\n c: 'var(--mantine-primary-color-6)',\n }),\n MantineBadge.withProps({\n variant: 'light',\n bd: `1px solid ${alpha('var(--mantine-primary-color-3)', 0.32)}`,\n c: 'var(--mantine-primary-color-2)',\n bg: alpha('var(--mantine-primary-color-3)', 0.32),\n }),\n);\nconst BadgeSecondary = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n color: 'gray',\n bd: '1px solid var(--badge-bg)',\n c: 'gray.7',\n }),\n MantineBadge.withProps({\n variant: 'light',\n color: 'gray',\n c: 'var(--mantine-color-white)',\n bd: `1px solid ${alpha('var(--mantine-color-gray-3)', 0.16)}`,\n bg: alpha('var(--mantine-color-gray-3)', 0.16),\n }),\n);\nconst BadgeSuccess = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n color: 'green',\n bd: '1px solid var(--badge-bg)',\n c: 'green.6',\n }),\n MantineBadge.withProps({\n variant: 'light',\n color: 'green',\n c: 'green.2',\n bd: `1px solid ${alpha('var(--mantine-color-green-3)', 0.16)}`,\n bg: alpha('var(--mantine-color-green-3)', 0.16),\n }),\n);\nconst BadgeCritical = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n color: 'critical',\n bd: '1px solid var(--badge-bg)',\n c: 'red.6',\n }),\n MantineBadge.withProps({\n variant: 'light',\n color: 'critical',\n c: 'red.2',\n bd: `1px solid ${alpha('var(--mantine-color-red-3)', 0.16)}`,\n bg: alpha('var(--mantine-color-red-3)', 0.16),\n }),\n);\nconst BadgeWarning = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n color: 'warning',\n bd: '1px solid var(--badge-bg)',\n c: 'yellow.6',\n }),\n MantineBadge.withProps({\n variant: 'light',\n color: 'warning',\n c: 'yellow.2',\n bd: `1px solid ${alpha('var(--mantine-color-yellow-3)', 0.16)}`,\n bg: alpha('var(--mantine-color-yellow-3)', 0.16),\n }),\n);\nconst BadgeDisabled = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n color: 'gray',\n c: 'var(--coveo-color-text-disabled)',\n bg: 'var(--coveo-color-bg-disabled)',\n }),\n MantineBadge.withProps({\n variant: 'light',\n color: 'gray',\n c: 'dark.3',\n bg: alpha('var(--mantine-color-gray-3)', 0.16),\n }),\n);\n\nexport type BadgeOverloadFactory = PolymorphicFactory<{\n props: BadgeProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: BadgeStylesNames;\n vars: BadgeCssVariables;\n variant: BadgeVariant;\n staticComponents: {\n Primary: SemanticBadge;\n Secondary: SemanticBadge;\n Success: SemanticBadge;\n Critical: SemanticBadge;\n Warning: SemanticBadge;\n Disabled: SemanticBadge;\n };\n}>;\n\nexport const Badge = polymorphicFactory<BadgeOverloadFactory>((props, ref) => <MantineBadge ref={ref} {...props} />);\n\nBadge.Primary = BadgePrimary;\nBadge.Secondary = BadgeSecondary;\nBadge.Success = BadgeSuccess;\nBadge.Critical = BadgeCritical;\nBadge.Warning = BadgeWarning;\nBadge.Disabled = BadgeDisabled;\n"],"names":["alpha","Badge","MantineBadge","polymorphicFactory","useComputedColorScheme","forwardRef","enhanceBadge","ComponentLight","ComponentDark","props","ref","computedColorScheme","getInitialValueInEffect","Component","on","py","px","size","h","BadgePrimary","withProps","variant","bd","c","bg","BadgeSecondary","color","BadgeSuccess","BadgeCritical","BadgeWarning","BadgeDisabled","Primary","Secondary","Success","Critical","Warning","Disabled"],"mappings":";AAAA,SACIA,KAAK,EAKLC,SAASC,YAAY,EACrBC,kBAAkB,EAGlBC,sBAAsB,QACnB,gBAAgB;AACvB,SAAQC,UAAU,QAA0E,QAAQ;AA+CpG,MAAMC,eAAe,CACjBC,gBACAC,8BAEAH,WAA+C,CAACI,OAAOC;QACnD,MAAMC,sBAAsBP,uBAAuB,SAAS;YAACQ,yBAAyB;QAAI;QAC1F,MAAMC,YAAY,AAACJ,CAAAA,MAAMK,EAAE,IAAIH,mBAAkB,MAAO,SAASH,gBAAgBD;QACjF,qBACI,KAACM;YACGH,KAAKA;YACJ,GAAGD,KAAK;YACTM,IAAI;YACJC,IAAI;YACJC,MAAMR,MAAMQ,IAAI,KAAK,UAAU,OAAO;YACtCC,GAAGT,MAAMQ,IAAI,KAAK,UAAU,KAAK;;IAG7C;AAEJ,MAAME,eAAeb,aACjBJ,aAAakB,SAAS,CAAC;IACnBC,SAAS;IACTC,IAAI;IACJC,GAAG;AACP,IACArB,aAAakB,SAAS,CAAC;IACnBC,SAAS;IACTC,IAAI,CAAC,UAAU,EAAEtB,MAAM,kCAAkC,OAAO;IAChEuB,GAAG;IACHC,IAAIxB,MAAM,kCAAkC;AAChD;AAEJ,MAAMyB,iBAAiBnB,aACnBJ,aAAakB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPJ,IAAI;IACJC,GAAG;AACP,IACArB,aAAakB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPH,GAAG;IACHD,IAAI,CAAC,UAAU,EAAEtB,MAAM,+BAA+B,OAAO;IAC7DwB,IAAIxB,MAAM,+BAA+B;AAC7C;AAEJ,MAAM2B,eAAerB,aACjBJ,aAAakB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPJ,IAAI;IACJC,GAAG;AACP,IACArB,aAAakB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPH,GAAG;IACHD,IAAI,CAAC,UAAU,EAAEtB,MAAM,gCAAgC,OAAO;IAC9DwB,IAAIxB,MAAM,gCAAgC;AAC9C;AAEJ,MAAM4B,gBAAgBtB,aAClBJ,aAAakB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPJ,IAAI;IACJC,GAAG;AACP,IACArB,aAAakB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPH,GAAG;IACHD,IAAI,CAAC,UAAU,EAAEtB,MAAM,8BAA8B,OAAO;IAC5DwB,IAAIxB,MAAM,8BAA8B;AAC5C;AAEJ,MAAM6B,eAAevB,aACjBJ,aAAakB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPJ,IAAI;IACJC,GAAG;AACP,IACArB,aAAakB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPH,GAAG;IACHD,IAAI,CAAC,UAAU,EAAEtB,MAAM,iCAAiC,OAAO;IAC/DwB,IAAIxB,MAAM,iCAAiC;AAC/C;AAEJ,MAAM8B,gBAAgBxB,aAClBJ,aAAakB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPH,GAAG;IACHC,IAAI;AACR,IACAtB,aAAakB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPH,GAAG;IACHC,IAAIxB,MAAM,+BAA+B;AAC7C;AAoBJ,OAAO,MAAMC,QAAQE,mBAAyC,CAACM,OAAOC,oBAAQ,KAACR;QAAaQ,KAAKA;QAAM,GAAGD,KAAK;QAAM;AAErHR,MAAM8B,OAAO,GAAGZ;AAChBlB,MAAM+B,SAAS,GAAGP;AAClBxB,MAAMgC,OAAO,GAAGN;AAChB1B,MAAMiC,QAAQ,GAAGN;AACjB3B,MAAMkC,OAAO,GAAGN;AAChB5B,MAAMmC,QAAQ,GAAGN"}
1
+ {"version":3,"sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import {\n alpha,\n BadgeCssVariables,\n BadgeProps,\n BadgeStylesNames,\n BadgeVariant,\n Badge as MantineBadge,\n polymorphicFactory,\n PolymorphicFactory,\n PolymorphicComponentProps,\n useComputedColorScheme,\n} from '@mantine/core';\nimport {forwardRef, ForwardRefExoticComponent, ReactElement, ReactNode, RefAttributes} from 'react';\n\nexport interface SemanticBadgeProps\n extends Pick<\n BadgeProps,\n | 'm'\n | 'mt'\n | 'mb'\n | 'ml'\n | 'mr'\n | 'ms'\n | 'me'\n | 'mx'\n | 'my'\n | 'miw'\n | 'maw'\n | 'pos'\n | 'top'\n | 'left'\n | 'right'\n | 'bottom'\n | 'inset'\n | 'display'\n | 'flex'\n | 'leftSection'\n | 'rightSection'\n | 'fullWidth'\n | 'circle'\n > {\n /**\n * The size of the badge.\n * @default 'small'\n */\n size?: 'small' | 'large';\n /**\n * Whether the badge is displayed over a light or dark background.\n * @default Falls back to theme.\n */\n on?: 'light' | 'dark';\n /**\n * The content of the badge.\n */\n children?: ReactNode;\n}\n\nexport type SemanticBadge = ForwardRefExoticComponent<SemanticBadgeProps & RefAttributes<HTMLDivElement>>;\n\nconst enhanceBadge = (\n ComponentLight: <L = 'div'>(props: PolymorphicComponentProps<L, BadgeProps>) => ReactElement,\n ComponentDark: <L = 'div'>(props: PolymorphicComponentProps<L, BadgeProps>) => ReactElement,\n displayName: string,\n): SemanticBadge => {\n const EnhancedBadge = forwardRef<HTMLDivElement, SemanticBadgeProps>((props, ref) => {\n const computedColorScheme = useComputedColorScheme('light', {getInitialValueInEffect: true});\n const Component = (props.on || computedColorScheme) === 'dark' ? ComponentDark : ComponentLight;\n return (\n <Component\n ref={ref}\n {...props}\n py={2}\n px={12}\n size={props.size === 'large' ? 'lg' : 'md'}\n h={props.size === 'large' ? 22 : 20}\n />\n );\n });\n EnhancedBadge.displayName = displayName;\n return EnhancedBadge;\n};\n\nconst BadgePrimary = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n bd: '1px solid var(--badge-bg)',\n c: 'var(--mantine-primary-color-6)',\n }),\n MantineBadge.withProps({\n variant: 'light',\n bd: `1px solid ${alpha('var(--mantine-primary-color-3)', 0.32)}`,\n c: 'var(--mantine-primary-color-2)',\n bg: alpha('var(--mantine-primary-color-3)', 0.32),\n }),\n 'Badge.Primary',\n);\nconst BadgeSecondary = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n color: 'gray',\n bd: '1px solid var(--badge-bg)',\n c: 'gray.7',\n }),\n MantineBadge.withProps({\n variant: 'light',\n color: 'gray',\n c: 'var(--mantine-color-white)',\n bd: `1px solid ${alpha('var(--mantine-color-gray-3)', 0.16)}`,\n bg: alpha('var(--mantine-color-gray-3)', 0.16),\n }),\n 'Badge.Secondary',\n);\nconst BadgeSuccess = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n color: 'green',\n bd: '1px solid var(--badge-bg)',\n c: 'green.6',\n }),\n MantineBadge.withProps({\n variant: 'light',\n color: 'green',\n c: 'green.2',\n bd: `1px solid ${alpha('var(--mantine-color-green-3)', 0.16)}`,\n bg: alpha('var(--mantine-color-green-3)', 0.16),\n }),\n 'Badge.Success',\n);\nconst BadgeCritical = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n color: 'critical',\n bd: '1px solid var(--badge-bg)',\n c: 'red.6',\n }),\n MantineBadge.withProps({\n variant: 'light',\n color: 'critical',\n c: 'red.2',\n bd: `1px solid ${alpha('var(--mantine-color-red-3)', 0.16)}`,\n bg: alpha('var(--mantine-color-red-3)', 0.16),\n }),\n 'Badge.Critical',\n);\nconst BadgeWarning = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n color: 'warning',\n bd: '1px solid var(--badge-bg)',\n c: 'yellow.6',\n }),\n MantineBadge.withProps({\n variant: 'light',\n color: 'warning',\n c: 'yellow.2',\n bd: `1px solid ${alpha('var(--mantine-color-yellow-3)', 0.16)}`,\n bg: alpha('var(--mantine-color-yellow-3)', 0.16),\n }),\n 'Badge.Warning',\n);\nconst BadgeDisabled = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n color: 'gray',\n c: 'var(--coveo-color-text-disabled)',\n bg: 'var(--coveo-color-bg-disabled)',\n }),\n MantineBadge.withProps({\n variant: 'light',\n color: 'gray',\n c: 'dark.3',\n bg: alpha('var(--mantine-color-gray-3)', 0.16),\n }),\n 'Badge.Disabled',\n);\n\nexport type BadgeOverloadFactory = PolymorphicFactory<{\n props: BadgeProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: BadgeStylesNames;\n vars: BadgeCssVariables;\n variant: BadgeVariant;\n staticComponents: {\n Primary: SemanticBadge;\n Secondary: SemanticBadge;\n Success: SemanticBadge;\n Critical: SemanticBadge;\n Warning: SemanticBadge;\n Disabled: SemanticBadge;\n };\n}>;\n\nexport const Badge = polymorphicFactory<BadgeOverloadFactory>((props, ref) => <MantineBadge ref={ref} {...props} />);\n\nBadge.Primary = BadgePrimary;\nBadge.Secondary = BadgeSecondary;\nBadge.Success = BadgeSuccess;\nBadge.Critical = BadgeCritical;\nBadge.Warning = BadgeWarning;\nBadge.Disabled = BadgeDisabled;\n"],"names":["alpha","Badge","MantineBadge","polymorphicFactory","useComputedColorScheme","forwardRef","enhanceBadge","ComponentLight","ComponentDark","displayName","EnhancedBadge","props","ref","computedColorScheme","getInitialValueInEffect","Component","on","py","px","size","h","BadgePrimary","withProps","variant","bd","c","bg","BadgeSecondary","color","BadgeSuccess","BadgeCritical","BadgeWarning","BadgeDisabled","Primary","Secondary","Success","Critical","Warning","Disabled"],"mappings":"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"}
package/dist/esm/theme/Plasmantine.d.ts CHANGED
@@ -1,5 +1,5 @@
1
+ import '../styles/global.css';
1
2
  import { MantineProviderProps } from '@mantine/core';
2
3
  import { FunctionComponent } from 'react';
3
- import '../styles/global.css';
4
4
  export declare const Plasmantine: FunctionComponent<MantineProviderProps>;
5
5
  //# sourceMappingURL=Plasmantine.d.ts.map
package/dist/esm/theme/Plasmantine.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Plasmantine.d.ts","sourceRoot":"","sources":["../../../src/theme/Plasmantine.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,oBAAoB,EAAsB,MAAM,eAAe,CAAC;AACzF,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAKxC,OAAO,sBAAsB,CAAC;AAE9B,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,oBAAoB,CAc/D,CAAC"}
1
+ {"version":3,"file":"Plasmantine.d.ts","sourceRoot":"","sources":["../../../src/theme/Plasmantine.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAkB,oBAAoB,EAAsB,MAAM,eAAe,CAAC;AACzF,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAKxC,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,oBAAoB,CAc/D,CAAC"}
package/dist/esm/theme/Plasmantine.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
+ import '../styles/global.css';
2
3
  import { MantineProvider, mergeThemeOverrides } from '@mantine/core';
4
+ import { mergeCSSVariablesResolvers } from './mergeCSSVariablesResolvers.js';
3
5
  import { plasmaCSSVariablesResolver } from './plasmaCSSVariablesResolver.js';
4
6
  import { plasmaTheme } from './Theme.js';
5
- import { mergeCSSVariablesResolvers } from './mergeCSSVariablesResolvers.js';
6
- import '../styles/global.css';
7
7
  export const Plasmantine = ({ children, theme: externalTheme, cssVariablesResolver: externalCSSVariablesResolver, ...others })=>{
8
8
  const theme = mergeThemeOverrides(plasmaTheme, externalTheme);
9
9
  const cssVariablesResolver = mergeCSSVariablesResolvers(plasmaCSSVariablesResolver, externalCSSVariablesResolver);
package/dist/esm/theme/Plasmantine.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/theme/Plasmantine.tsx"],"sourcesContent":["import {MantineProvider, MantineProviderProps, mergeThemeOverrides} from '@mantine/core';\nimport {FunctionComponent} from 'react';\n\nimport {plasmaCSSVariablesResolver} from './plasmaCSSVariablesResolver.js';\nimport {plasmaTheme} from './Theme.js';\nimport {mergeCSSVariablesResolvers} from './mergeCSSVariablesResolvers.js';\nimport '../styles/global.css';\n\nexport const Plasmantine: FunctionComponent<MantineProviderProps> = ({\n children,\n theme: externalTheme,\n cssVariablesResolver: externalCSSVariablesResolver,\n ...others\n}) => {\n const theme = mergeThemeOverrides(plasmaTheme, externalTheme);\n const cssVariablesResolver = mergeCSSVariablesResolvers(plasmaCSSVariablesResolver, externalCSSVariablesResolver);\n\n return (\n <MantineProvider theme={theme} cssVariablesResolver={cssVariablesResolver} {...others}>\n {children}\n </MantineProvider>\n );\n};\n"],"names":["MantineProvider","mergeThemeOverrides","plasmaCSSVariablesResolver","plasmaTheme","mergeCSSVariablesResolvers","Plasmantine","children","theme","externalTheme","cssVariablesResolver","externalCSSVariablesResolver","others"],"mappings":";AAAA,SAAQA,eAAe,EAAwBC,mBAAmB,QAAO,gBAAgB;AAGzF,SAAQC,0BAA0B,QAAO,kCAAkC;AAC3E,SAAQC,WAAW,QAAO,aAAa;AACvC,SAAQC,0BAA0B,QAAO,kCAAkC;AAC3E,OAAO,uBAAuB;AAE9B,OAAO,MAAMC,cAAuD,CAAC,EACjEC,QAAQ,EACRC,OAAOC,aAAa,EACpBC,sBAAsBC,4BAA4B,EAClD,GAAGC,QACN;IACG,MAAMJ,QAAQN,oBAAoBE,aAAaK;IAC/C,MAAMC,uBAAuBL,2BAA2BF,4BAA4BQ;IAEpF,qBACI,KAACV;QAAgBO,OAAOA;QAAOE,sBAAsBA;QAAuB,GAAGE,MAAM;kBAChFL;;AAGb,EAAE"}
1
+ {"version":3,"sources":["../../../src/theme/Plasmantine.tsx"],"sourcesContent":["import '../styles/global.css';\n\nimport {MantineProvider, MantineProviderProps, mergeThemeOverrides} from '@mantine/core';\nimport {FunctionComponent} from 'react';\nimport {mergeCSSVariablesResolvers} from './mergeCSSVariablesResolvers.js';\nimport {plasmaCSSVariablesResolver} from './plasmaCSSVariablesResolver.js';\nimport {plasmaTheme} from './Theme.js';\n\nexport const Plasmantine: FunctionComponent<MantineProviderProps> = ({\n children,\n theme: externalTheme,\n cssVariablesResolver: externalCSSVariablesResolver,\n ...others\n}) => {\n const theme = mergeThemeOverrides(plasmaTheme, externalTheme);\n const cssVariablesResolver = mergeCSSVariablesResolvers(plasmaCSSVariablesResolver, externalCSSVariablesResolver);\n\n return (\n <MantineProvider theme={theme} cssVariablesResolver={cssVariablesResolver} {...others}>\n {children}\n </MantineProvider>\n );\n};\n"],"names":["MantineProvider","mergeThemeOverrides","mergeCSSVariablesResolvers","plasmaCSSVariablesResolver","plasmaTheme","Plasmantine","children","theme","externalTheme","cssVariablesResolver","externalCSSVariablesResolver","others"],"mappings":";AAAA,OAAO,uBAAuB;AAE9B,SAAQA,eAAe,EAAwBC,mBAAmB,QAAO,gBAAgB;AAEzF,SAAQC,0BAA0B,QAAO,kCAAkC;AAC3E,SAAQC,0BAA0B,QAAO,kCAAkC;AAC3E,SAAQC,WAAW,QAAO,aAAa;AAEvC,OAAO,MAAMC,cAAuD,CAAC,EACjEC,QAAQ,EACRC,OAAOC,aAAa,EACpBC,sBAAsBC,4BAA4B,EAClD,GAAGC,QACN;IACG,MAAMJ,QAAQN,oBAAoBG,aAAaI;IAC/C,MAAMC,uBAAuBP,2BAA2BC,4BAA4BO;IAEpF,qBACI,KAACV;QAAgBO,OAAOA;QAAOE,sBAAsBA;QAAuB,GAAGE,MAAM;kBAChFL;;AAGb,EAAE"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coveord/plasma-mantine",
3
- "version": "56.5.0",
3
+ "version": "56.8.0",
4
4
  "description": "A Plasma flavoured Mantine theme",
5
5
  "keywords": [
6
6
  "plasma",
package/src/components/Badge/Badge.tsx CHANGED
@@ -60,8 +60,9 @@ export type SemanticBadge = ForwardRefExoticComponent<SemanticBadgeProps & RefAt
60
60
  const enhanceBadge = (
61
61
  ComponentLight: <L = 'div'>(props: PolymorphicComponentProps<L, BadgeProps>) => ReactElement,
62
62
  ComponentDark: <L = 'div'>(props: PolymorphicComponentProps<L, BadgeProps>) => ReactElement,
63
- ): SemanticBadge =>
64
- forwardRef<HTMLDivElement, SemanticBadgeProps>((props, ref) => {
63
+ displayName: string,
64
+ ): SemanticBadge => {
65
+ const EnhancedBadge = forwardRef<HTMLDivElement, SemanticBadgeProps>((props, ref) => {
65
66
  const computedColorScheme = useComputedColorScheme('light', {getInitialValueInEffect: true});
66
67
  const Component = (props.on || computedColorScheme) === 'dark' ? ComponentDark : ComponentLight;
67
68
  return (
@@ -75,6 +76,9 @@ const enhanceBadge = (
75
76
  />
76
77
  );
77
78
  });
79
+ EnhancedBadge.displayName = displayName;
80
+ return EnhancedBadge;
81
+ };
78
82
 
79
83
  const BadgePrimary = enhanceBadge(
80
84
  MantineBadge.withProps({
@@ -88,6 +92,7 @@ const BadgePrimary = enhanceBadge(
88
92
  c: 'var(--mantine-primary-color-2)',
89
93
  bg: alpha('var(--mantine-primary-color-3)', 0.32),
90
94
  }),
95
+ 'Badge.Primary',
91
96
  );
92
97
  const BadgeSecondary = enhanceBadge(
93
98
  MantineBadge.withProps({
@@ -103,6 +108,7 @@ const BadgeSecondary = enhanceBadge(
103
108
  bd: `1px solid ${alpha('var(--mantine-color-gray-3)', 0.16)}`,
104
109
  bg: alpha('var(--mantine-color-gray-3)', 0.16),
105
110
  }),
111
+ 'Badge.Secondary',
106
112
  );
107
113
  const BadgeSuccess = enhanceBadge(
108
114
  MantineBadge.withProps({
@@ -118,6 +124,7 @@ const BadgeSuccess = enhanceBadge(
118
124
  bd: `1px solid ${alpha('var(--mantine-color-green-3)', 0.16)}`,
119
125
  bg: alpha('var(--mantine-color-green-3)', 0.16),
120
126
  }),
127
+ 'Badge.Success',
121
128
  );
122
129
  const BadgeCritical = enhanceBadge(
123
130
  MantineBadge.withProps({
@@ -133,6 +140,7 @@ const BadgeCritical = enhanceBadge(
133
140
  bd: `1px solid ${alpha('var(--mantine-color-red-3)', 0.16)}`,
134
141
  bg: alpha('var(--mantine-color-red-3)', 0.16),
135
142
  }),
143
+ 'Badge.Critical',
136
144
  );
137
145
  const BadgeWarning = enhanceBadge(
138
146
  MantineBadge.withProps({
@@ -148,6 +156,7 @@ const BadgeWarning = enhanceBadge(
148
156
  bd: `1px solid ${alpha('var(--mantine-color-yellow-3)', 0.16)}`,
149
157
  bg: alpha('var(--mantine-color-yellow-3)', 0.16),
150
158
  }),
159
+ 'Badge.Warning',
151
160
  );
152
161
  const BadgeDisabled = enhanceBadge(
153
162
  MantineBadge.withProps({
@@ -162,6 +171,7 @@ const BadgeDisabled = enhanceBadge(
162
171
  c: 'dark.3',
163
172
  bg: alpha('var(--mantine-color-gray-3)', 0.16),
164
173
  }),
174
+ 'Badge.Disabled',
165
175
  );
166
176
 
167
177
  export type BadgeOverloadFactory = PolymorphicFactory<{
package/src/theme/Plasmantine.tsx CHANGED
@@ -1,10 +1,10 @@
1
+ import '../styles/global.css';
2
+
1
3
  import {MantineProvider, MantineProviderProps, mergeThemeOverrides} from '@mantine/core';
2
4
  import {FunctionComponent} from 'react';
3
-
5
+ import {mergeCSSVariablesResolvers} from './mergeCSSVariablesResolvers.js';
4
6
  import {plasmaCSSVariablesResolver} from './plasmaCSSVariablesResolver.js';
5
7
  import {plasmaTheme} from './Theme.js';
6
- import {mergeCSSVariablesResolvers} from './mergeCSSVariablesResolvers.js';
7
- import '../styles/global.css';
8
8
 
9
9
  export const Plasmantine: FunctionComponent<MantineProviderProps> = ({
10
10
  children,