@coveord/plasma-mantine 56.0.0 → 56.1.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.
- package/.turbo/turbo-build.log +3 -3
- package/.turbo/turbo-test.log +54 -54
- package/dist/.tsbuildinfo +1 -1
- package/dist/cjs/components/badge/Badge.d.ts +1 -1
- package/dist/cjs/components/badge/Badge.d.ts.map +1 -1
- package/dist/cjs/components/badge/Badge.js.map +1 -1
- package/dist/cjs/components/button/Button.d.ts +1 -1
- package/dist/cjs/components/button/Button.d.ts.map +1 -1
- package/dist/cjs/components/button/Button.js +0 -2
- package/dist/cjs/components/button/Button.js.map +1 -1
- package/dist/cjs/styles/ActionIcon.module.css +2 -0
- package/dist/cjs/styles/Input.module.css +5 -0
- package/dist/cjs/theme/Theme.d.ts.map +1 -1
- package/dist/cjs/theme/Theme.js +0 -1
- package/dist/cjs/theme/Theme.js.map +1 -1
- package/dist/esm/components/badge/Badge.d.ts +1 -1
- package/dist/esm/components/badge/Badge.d.ts.map +1 -1
- package/dist/esm/components/badge/Badge.js.map +1 -1
- package/dist/esm/components/button/Button.d.ts +1 -1
- package/dist/esm/components/button/Button.d.ts.map +1 -1
- package/dist/esm/components/button/Button.js +0 -2
- package/dist/esm/components/button/Button.js.map +1 -1
- package/dist/esm/styles/ActionIcon.module.css +2 -0
- package/dist/esm/styles/Input.module.css +5 -0
- package/dist/esm/theme/Theme.d.ts.map +1 -1
- package/dist/esm/theme/Theme.js +0 -1
- package/dist/esm/theme/Theme.js.map +1 -1
- package/package.json +1 -1
- package/src/components/badge/Badge.tsx +23 -1
- package/src/components/button/Button.tsx +2 -4
- package/src/styles/ActionIcon.module.css +2 -0
- package/src/styles/Input.module.css +5 -0
- package/src/theme/Theme.tsx +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { BadgeCssVariables, BadgeProps, BadgeStylesNames, BadgeVariant, PolymorphicFactory, PolymorphicComponentProps } from '@mantine/core';
|
|
2
2
|
import { ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
|
|
3
|
-
export interface SemanticBadgeProps {
|
|
3
|
+
export interface SemanticBadgeProps extends Pick<BadgeProps, 'm' | 'mt' | 'mb' | 'ml' | 'mr' | 'ms' | 'me' | 'mx' | 'my' | 'miw' | 'maw' | 'pos' | 'top' | 'left' | 'right' | 'bottom' | 'inset' | 'display' | 'flex'> {
|
|
4
4
|
/**
|
|
5
5
|
* The size of the badge.
|
|
6
6
|
* @default 'small'
|
|
@@ -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,EAEZ,kBAAkB,EAClB,yBAAyB,EAE5B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAa,yBAAyB,EAAgB,SAAS,EAAE,aAAa,EAAC,MAAM,OAAO,CAAC;AAEpG,MAAM,WAAW,
|
|
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,EAEZ,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,CACX;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;AA6F1G,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,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B,CAAC;CACL,CAAC,CAAC;AAEH,eAAO,MAAM,KAAK,mEAvHb,MAAO,YAAY;;;;;;eAUyC,MAAQ,WAAU;;;WA8FxE,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;WAZM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;WAZM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;aALY,aAAa;eACX,aAAa;cACd,aAAa;aACd,aAAa;cACZ,aAAa;CAIqF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/badge/Badge.tsx"],"sourcesContent":["import {\n Badge as MantineBadge,\n BadgeCssVariables,\n BadgeProps,\n BadgeStylesNames,\n BadgeVariant,\n polymorphicFactory,\n PolymorphicFactory,\n PolymorphicComponentProps,\n alpha,\n} from '@mantine/core';\nimport {forwardRef, ForwardRefExoticComponent, ReactElement, ReactNode, RefAttributes} from 'react';\n\nexport interface SemanticBadgeProps {\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 'light'\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 Component = props.on === '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 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 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.Critical = BadgeCritical;\nBadge.Warning = BadgeWarning;\nBadge.Disabled = BadgeDisabled;\n"],"names":["Badge","enhanceBadge","ComponentLight","ComponentDark","forwardRef","props","ref","Component","on","py","px","size","h","BadgePrimary","MantineBadge","withProps","variant","bd","c","alpha","bg","BadgeSecondary","color","BadgeCritical","BadgeWarning","BadgeDisabled","polymorphicFactory","Primary","Secondary","Critical","Warning","Disabled"],"mappings":";;;;+
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/badge/Badge.tsx"],"sourcesContent":["import {\n Badge as MantineBadge,\n BadgeCssVariables,\n BadgeProps,\n BadgeStylesNames,\n BadgeVariant,\n polymorphicFactory,\n PolymorphicFactory,\n PolymorphicComponentProps,\n alpha,\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 > {\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 'light'\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 Component = props.on === '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 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 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.Critical = BadgeCritical;\nBadge.Warning = BadgeWarning;\nBadge.Disabled = BadgeDisabled;\n"],"names":["Badge","enhanceBadge","ComponentLight","ComponentDark","forwardRef","props","ref","Component","on","py","px","size","h","BadgePrimary","MantineBadge","withProps","variant","bd","c","alpha","bg","BadgeSecondary","color","BadgeCritical","BadgeWarning","BadgeDisabled","polymorphicFactory","Primary","Secondary","Critical","Warning","Disabled"],"mappings":";;;;+BAiKaA;;;eAAAA;;;;;;oBAvJN;qBACqF;AA2C5F,IAAMC,eAAe,SACjBC,gBACAC;yBAEAC,IAAAA,iBAAU,EAAqC,SAACC,OAAOC;QACnD,IAAMC,YAAYF,MAAMG,EAAE,KAAK,SAASL,gBAAgBD;QACxD,qBACI,qBAACK;YACGD,KAAKA;WACDD;YACJI,IAAI;YACJC,IAAI;YACJC,MAAMN,MAAMM,IAAI,KAAK,UAAU,OAAO;YACtCC,GAAGP,MAAMM,IAAI,KAAK,UAAU,KAAK;;IAG7C;;AAEJ,IAAME,eAAeZ,aACjBa,WAAY,CAACC,SAAS,CAAC;IACnBC,SAAS;IACTC,IAAI;IACJC,GAAG;AACP,IACAJ,WAAY,CAACC,SAAS,CAAC;IACnBC,SAAS;IACTC,IAAI,AAAC,aAA0D,OAA9CE,IAAAA,WAAK,EAAC,kCAAkC;IACzDD,GAAG;IACHE,IAAID,IAAAA,WAAK,EAAC,kCAAkC;AAChD;AAEJ,IAAME,iBAAiBpB,aACnBa,WAAY,CAACC,SAAS,CAAC;IACnBC,SAAS;IACTM,OAAO;IACPL,IAAI;IACJC,GAAG;AACP,IACAJ,WAAY,CAACC,SAAS,CAAC;IACnBC,SAAS;IACTM,OAAO;IACPJ,GAAG;IACHD,IAAI,AAAC,aAAuD,OAA3CE,IAAAA,WAAK,EAAC,+BAA+B;IACtDC,IAAID,IAAAA,WAAK,EAAC,+BAA+B;AAC7C;AAEJ,IAAMI,gBAAgBtB,aAClBa,WAAY,CAACC,SAAS,CAAC;IACnBC,SAAS;IACTM,OAAO;IACPL,IAAI;IACJC,GAAG;AACP,IACAJ,WAAY,CAACC,SAAS,CAAC;IACnBC,SAAS;IACTM,OAAO;IACPJ,GAAG;IACHD,IAAI,AAAC,aAAsD,OAA1CE,IAAAA,WAAK,EAAC,8BAA8B;IACrDC,IAAID,IAAAA,WAAK,EAAC,8BAA8B;AAC5C;AAEJ,IAAMK,eAAevB,aACjBa,WAAY,CAACC,SAAS,CAAC;IACnBC,SAAS;IACTM,OAAO;IACPL,IAAI;IACJC,GAAG;AACP,IACAJ,WAAY,CAACC,SAAS,CAAC;IACnBC,SAAS;IACTM,OAAO;IACPJ,GAAG;IACHD,IAAI,AAAC,aAAyD,OAA7CE,IAAAA,WAAK,EAAC,iCAAiC;IACxDC,IAAID,IAAAA,WAAK,EAAC,iCAAiC;AAC/C;AAEJ,IAAMM,gBAAgBxB,aAClBa,WAAY,CAACC,SAAS,CAAC;IACnBC,SAAS;IACTM,OAAO;IACPJ,GAAG;IACHE,IAAI;AACR,IACAN,WAAY,CAACC,SAAS,CAAC;IACnBC,SAAS;IACTM,OAAO;IACPJ,GAAG;IACHE,IAAID,IAAAA,WAAK,EAAC,+BAA+B;AAC7C;AAmBG,IAAMnB,QAAQ0B,IAAAA,wBAAkB,EAAuB,SAACrB,OAAOC;yBAAQ,qBAACQ,WAAY;QAACR,KAAKA;OAASD;;AAE1GL,MAAM2B,OAAO,GAAGd;AAChBb,MAAM4B,SAAS,GAAGP;AAClBrB,MAAM6B,QAAQ,GAAGN;AACjBvB,MAAM8B,OAAO,GAAGN;AAChBxB,MAAM+B,QAAQ,GAAGN"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ButtonCssVariables, type ButtonGroup, ButtonProps as MantineButtonProps
|
|
1
|
+
import { ButtonCssVariables, type ButtonGroup, ButtonStylesNames, ButtonVariant, ButtonProps as MantineButtonProps } from '@mantine/core';
|
|
2
2
|
import { MouseEventHandler } from 'react';
|
|
3
3
|
import { ButtonWithDisabledTooltipProps } from './ButtonWithDisabledTooltip';
|
|
4
4
|
export interface ButtonProps extends MantineButtonProps, ButtonWithDisabledTooltipProps {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -55,7 +55,6 @@ var ButtonTertiary = Button.withProps({
|
|
|
55
55
|
return {
|
|
56
56
|
root: {
|
|
57
57
|
'--button-color': 'var(--mantine-primary-color-filled)',
|
|
58
|
-
'--button-height': '32px',
|
|
59
58
|
'--button-padding-x': theme.spacing.sm
|
|
60
59
|
}
|
|
61
60
|
};
|
|
@@ -78,7 +77,6 @@ var ButtonDestructiveTertiary = Button.withProps({
|
|
|
78
77
|
return {
|
|
79
78
|
root: {
|
|
80
79
|
'--button-color': 'var(--mantine-color-error)',
|
|
81
|
-
'--button-height': '32px',
|
|
82
80
|
'--button-padding-x': theme.spacing.sm
|
|
83
81
|
}
|
|
84
82
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import {\n
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import {\n ButtonCssVariables,\n type ButtonGroup,\n ButtonStylesNames,\n ButtonVariant,\n Factory,\n Button as MantineButton,\n ButtonProps as MantineButtonProps,\n polymorphicFactory,\n} from '@mantine/core';\nimport {MouseEventHandler} from 'react';\nimport {useClickWithLoading} from '../../hooks/useClickWithLoading';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from './ButtonWithDisabledTooltip';\n\nexport interface ButtonProps extends MantineButtonProps, ButtonWithDisabledTooltipProps {\n /* Handler executed on click */\n onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\ntype ButtonOverloadFactory = Factory<{\n props: ButtonProps;\n defaultRef: HTMLButtonElement;\n defaultComponent: 'button';\n stylesNames: ButtonStylesNames;\n vars: ButtonCssVariables;\n variant: ButtonVariant;\n staticComponents: {\n Group: typeof ButtonGroup;\n Primary: typeof ButtonPrimary;\n Secondary: typeof ButtonSecondary;\n Tertiary: typeof ButtonTertiary;\n Quaternary: typeof ButtonQuaternary;\n DestructivePrimary: typeof ButtonDestructive;\n DestructiveSecondary: typeof ButtonDestructiveSecondary;\n DestructiveTertiary: typeof ButtonDestructiveTertiary;\n DestructiveQuaternary: typeof ButtonDestructiveQuaternary;\n };\n}>;\n\nexport const Button = polymorphicFactory<ButtonOverloadFactory>(\n (\n {disabledTooltip, disabled, disabledTooltipProps, loading, onClick, 'data-disabled': dataDisabled, ...others},\n ref,\n ) => {\n const {isLoading, handleClick} = useClickWithLoading(onClick);\n return (\n <ButtonWithDisabledTooltip\n disabled={disabled || dataDisabled}\n disabledTooltip={disabledTooltip}\n disabledTooltipProps={disabledTooltipProps}\n fullWidth={others.fullWidth}\n >\n <MantineButton\n loaderProps={{variant: 'oval'}}\n ref={ref}\n loading={isLoading || loading}\n onClick={dataDisabled ? (e) => e.preventDefault() : handleClick}\n disabled={disabled || dataDisabled}\n data-loading={isLoading || loading || undefined}\n {...others}\n />\n </ButtonWithDisabledTooltip>\n );\n },\n);\nconst ButtonPrimary = Button.withProps({variant: 'filled'});\nconst ButtonSecondary = Button.withProps({variant: 'light'});\nconst ButtonTertiary = Button.withProps({\n variant: 'default',\n vars: (theme) => ({\n root: {\n '--button-color': 'var(--mantine-primary-color-filled)',\n '--button-padding-x': theme.spacing.sm,\n },\n }),\n});\nconst ButtonQuaternary = Button.withProps({variant: 'subtle'});\n\nconst ButtonDestructive = Button.withProps({variant: 'filled', color: 'var(--mantine-color-error)'});\nconst ButtonDestructiveSecondary = Button.withProps({\n variant: 'light',\n color: 'var(--mantine-color-error)',\n});\nconst ButtonDestructiveTertiary = Button.withProps({\n variant: 'default',\n vars: (theme) => ({\n root: {\n '--button-color': 'var(--mantine-color-error)',\n '--button-padding-x': theme.spacing.sm,\n },\n }),\n});\nconst ButtonDestructiveQuaternary = Button.withProps({variant: 'subtle', color: 'var(--mantine-color-error)'});\n\nButton.Group = MantineButton.Group;\nButton.Primary = ButtonPrimary;\nButton.Secondary = ButtonSecondary;\nButton.Tertiary = ButtonTertiary;\nButton.Quaternary = ButtonQuaternary;\nButton.DestructivePrimary = ButtonDestructive;\nButton.DestructiveSecondary = ButtonDestructiveSecondary;\nButton.DestructiveTertiary = ButtonDestructiveTertiary;\nButton.DestructiveQuaternary = ButtonDestructiveQuaternary;\n"],"names":["Button","polymorphicFactory","ref","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","dataDisabled","others","useClickWithLoading","isLoading","handleClick","ButtonWithDisabledTooltip","fullWidth","MantineButton","loaderProps","variant","e","preventDefault","data-loading","undefined","ButtonPrimary","withProps","ButtonSecondary","ButtonTertiary","vars","theme","root","spacing","sm","ButtonQuaternary","ButtonDestructive","color","ButtonDestructiveSecondary","ButtonDestructiveTertiary","ButtonDestructiveQuaternary","Group","Primary","Secondary","Tertiary","Quaternary","DestructivePrimary","DestructiveSecondary","DestructiveTertiary","DestructiveQuaternary"],"mappings":";;;;+BAuCaA;;;eAAAA;;;;;;oBA9BN;mCAE2B;yCACsC;AA2BjE,IAAMA,SAASC,IAAAA,wBAAkB,EACpC,iBAEIC;QADCC,yBAAAA,iBAAiBC,kBAAAA,UAAUC,8BAAAA,sBAAsBC,iBAAAA,SAASC,iBAAAA,SAAS,AAAiBC,sBAAjB,kBAAkCC;QAArGN;QAAiBC;QAAUC;QAAsBC;QAASC;QAAS;;IAGpE,IAAiCG,wBAAAA,IAAAA,wCAAmB,EAACH,UAA9CI,YAA0BD,sBAA1BC,WAAWC,cAAeF,sBAAfE;IAClB,qBACI,qBAACC,oDAAyB;QACtBT,UAAUA,YAAYI;QACtBL,iBAAiBA;QACjBE,sBAAsBA;QACtBS,WAAWL,OAAOK,SAAS;kBAE3B,cAAA,qBAACC,YAAa;YACVC,aAAa;gBAACC,SAAS;YAAM;YAC7Bf,KAAKA;YACLI,SAASK,aAAaL;YACtBC,SAASC,eAAe,SAACU;uBAAMA,EAAEC,cAAc;gBAAKP;YACpDR,UAAUA,YAAYI;YACtBY,gBAAcT,aAAaL,WAAWe;WAClCZ;;AAIpB;AAEJ,IAAMa,gBAAgBtB,OAAOuB,SAAS,CAAC;IAACN,SAAS;AAAQ;AACzD,IAAMO,kBAAkBxB,OAAOuB,SAAS,CAAC;IAACN,SAAS;AAAO;AAC1D,IAAMQ,iBAAiBzB,OAAOuB,SAAS,CAAC;IACpCN,SAAS;IACTS,MAAM,SAACC;eAAW;YACdC,MAAM;gBACF,kBAAkB;gBAClB,sBAAsBD,MAAME,OAAO,CAACC,EAAE;YAC1C;QACJ;;AACJ;AACA,IAAMC,mBAAmB/B,OAAOuB,SAAS,CAAC;IAACN,SAAS;AAAQ;AAE5D,IAAMe,oBAAoBhC,OAAOuB,SAAS,CAAC;IAACN,SAAS;IAAUgB,OAAO;AAA4B;AAClG,IAAMC,6BAA6BlC,OAAOuB,SAAS,CAAC;IAChDN,SAAS;IACTgB,OAAO;AACX;AACA,IAAME,4BAA4BnC,OAAOuB,SAAS,CAAC;IAC/CN,SAAS;IACTS,MAAM,SAACC;eAAW;YACdC,MAAM;gBACF,kBAAkB;gBAClB,sBAAsBD,MAAME,OAAO,CAACC,EAAE;YAC1C;QACJ;;AACJ;AACA,IAAMM,8BAA8BpC,OAAOuB,SAAS,CAAC;IAACN,SAAS;IAAUgB,OAAO;AAA4B;AAE5GjC,OAAOqC,KAAK,GAAGtB,YAAa,CAACsB,KAAK;AAClCrC,OAAOsC,OAAO,GAAGhB;AACjBtB,OAAOuC,SAAS,GAAGf;AACnBxB,OAAOwC,QAAQ,GAAGf;AAClBzB,OAAOyC,UAAU,GAAGV;AACpB/B,OAAO0C,kBAAkB,GAAGV;AAC5BhC,OAAO2C,oBAAoB,GAAGT;AAC9BlC,OAAO4C,mBAAmB,GAAGT;AAC7BnC,OAAO6C,qBAAqB,GAAGT"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAYA,OAAO,EAsBH,oBAAoB,EAuBvB,MAAM,eAAe,CAAC;AAgDvB,eAAO,MAAM,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAYA,OAAO,EAsBH,oBAAoB,EAuBvB,MAAM,eAAe,CAAC;AAgDvB,eAAO,MAAM,WAAW,EAAE,oBAyaxB,CAAC"}
|
package/dist/cjs/theme/Theme.js
CHANGED
|
@@ -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 {DateInput, DatePicker, MonthPicker, PickerInputBase, TimeInput, TimePicker, YearPicker} from '@mantine/dates';\nimport {Accordion, CheckboxIcon, CircleLoader, InfoToken} from '../components';\nimport AccordionClasses from '../styles/Accordion.module.css';\nimport ActionIconClasses from '../styles/ActionIcon.module.css';\nimport AlertClasses from '../styles/Alert.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 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';\n\nimport placeholderSvg from '../images/placeholder.svg';\nimport {plasmaVariantColorResolver} from './plasmaVariantColorResolver';\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 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 variant=\"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-height': '32px',\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 classNames: DatePickerClasses,\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: 'lg',\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 color: PlasmaColors.violet[9],\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","vars","theme","root","Alert","icon","InfoToken","variant","p","AlertClasses","Badge","BadgeClasses","tt","Breadcrumbs","BreadcrumbsClasses","separator","IconSlash","separatorMargin","Button","ButtonClasses","Card","shadow","padding","withBorder","CardClasses","Checkbox","CheckboxIcon","props","readOnly","disabled","deepMerge","CheckboxClasses","ReadOnlyStateClasses","CheckboxIndicator","Indicator","CheckboxIndicatorClasses","Chip","IconCheck","ChipClasses","CloseButton","CrossSize16Px","height","aria-label","ColorSwatch","withShadow","Combobox","ComboboxClasses","middlewares","inline","ComboboxSearch","placeholder","rightSection","FilterSize16Px","DateInput","miw","leftSection","IconCalendarWeek","DatePicker","DatePickerClasses","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","violet","TooltipClasses","YearPicker","YearPickerClasses"],"mappings":";;;;+BAyGaA;;;eAAAA;;;;;;;gCA/FN;4BACa;oBA8Cb;qBAC8F;0BACtC;2EAClC;4EACC;uEACL;uEACA;6EACM;wEACL;sEACF;0EACI;mFACS;sEACb;0EACI;4EACE;uEACL;8EACO;sEACR;uEACC;6EACM;yEACJ;+EACK;6EACD;4EACD;uEACL;sEACD;yEACG;uEACF;2EACI;+EACI;+EACA;4EACH;kFACM;wEACV;0EACE;wEACF;yEACC;uEACF;sEACD;sEACA;4EACM;yEACH;4EACG;4BACH;uEAEA;0CACc;AAElC,IAAMA,cAAoCC,IAAAA,iBAAW,EAAC;IACzDC,sBAAsBC,sDAA0B;IAChD,gJAAgJ;IAChJC,YAAY;IACZC,OAAOC,mBAAK,CAACC,OAAO,CAACC,IAAI,CAAC,EAAE;IAC5BC,eAAe;IACfC,aAAa;QACTC,KAAK;QACLC,IAAI;QACJC,IAAI;QACJC,IAAI;QACJC,IAAI;QACJC,IAAI;IACR;IACAC,SAAS;QACLN,KAAK;QACLC,IAAI;QACJC,IAAI;QACJC,IAAI;QACJC,IAAI;QACJC,IAAI;IACR;IACAE,QAAQ;QACJC,MAAM;QACNP,IAAI;QACJC,IAAI;QACJC,IAAI;QACJC,IAAI;QACJC,IAAI;QACJI,KAAK;IACT;IACAC,cAAc;IACdC,UAAU;QACNlB,YAAY;QACZmB,YAAY;QACZC,OAAO;YACHC,IAAI;gBAACC,UAAU;gBAAQC,YAAY;gBAAOJ,YAAY;YAAsB;YAC5EK,IAAI;gBAACF,UAAU;gBAAQC,YAAY;gBAAQJ,YAAY;YAAwB;YAC/EM,IAAI;gBAACH,UAAU;gBAAQC,YAAY;gBAAQJ,YAAY;YAAsB;YAC7EO,IAAI;gBAACJ,UAAU;gBAAQC,YAAY;gBAAOJ,YAAY;YAAsB;YAC5EQ,IAAI;gBAACL,UAAU;gBAAQC,YAAY;gBAAQJ,YAAY;YAAsB;YAC7ES,IAAI;gBAACN,UAAU;gBAAQC,YAAY;gBAAQJ,YAAY;YAAsB;QACjF;IACJ;IACAU,WAAW;QACPtB,KAAK;QACLC,IAAI;QACJC,IAAI;QACJC,IAAI;QACJC,IAAI;QACJC,IAAI;IACR;IACAkB,SAAS;QACLtB,IAAI;QACJC,IAAI;QACJC,IAAI;QACJC,IAAI;QACJC,IAAI;IACR;IACAmB,cAAc;IACdC,QAAQC,0BAAY;IACpBC,YAAY;QACRC,WAAWA,qBAAS,CAACC,MAAM,CAAC;YACxBC,YAAYC,2BAAgB;QAChC;QACAC,YAAYA,gBAAU,CAACH,MAAM,CAAC;YAC1BI,cAAc;gBACVC,MAAM;YACV;YACAJ,YAAYK,4BAAiB;QACjC;QACAC,UAAUA,cAAQ,CAACP,MAAM,CAAC;YACtBQ,MAAM,SAACC;uBACF;oBACGC,MAAM;wBAAC,4BAA4BD,MAAMb,MAAM,CAAC5B,IAAI,CAAC,EAAE;oBAAA;gBAC3D;;QACR;QACA2C,OAAOA,WAAK,CAACX,MAAM,CAAC;YAChBI,cAAc;gBACVQ,oBAAM,qBAACC,qBAAS;oBAACC,SAAQ;;gBACzBC,GAAG;YACP;YACAd,YAAYe,uBAAY;QAC5B;QACAC,OAAOA,WAAK,CAACjB,MAAM,CAAC;YAChBC,YAAYiB,uBAAY;YACxBd,cAAc;gBACVU,SAAS;gBACTK,IAAI;YACR;QACJ;QACAC,aAAaA,iBAAW,CAACpB,MAAM,CAAC;YAC5BC,YAAYoB,6BAAkB;YAC9BjB,cAAc;gBACVkB,yBAAW,qBAACC,2BAAS;oBAAClB,MAAM;oBAAIvC,OAAM;;gBACtC0D,iBAAiB;YACrB;QACJ;QACAC,QAAQA,YAAM,CAACzB,MAAM,CAAC;YAClBI,cAAc;gBACVC,MAAM;gBACNG,MAAM,SAACC;2BAAW;wBACdC,MAAM;4BACF,mBAAmB;4BACnB,sBAAsBD,MAAMhC,OAAO,CAACJ,EAAE;wBAC1C;oBACJ;;YACJ;YACA4B,YAAYyB,wBAAa;QAC7B;QACAC,MAAMA,UAAI,CAAC3B,MAAM,CAAC;YACdI,cAAc;gBACV1B,QAAQ;gBACRkD,QAAQ;gBACRC,SAAS;gBACTC,YAAY;YAChB;YACA7B,YAAY8B,sBAAW;QAC3B;QACAC,UAAUA,cAAQ,CAAChC,MAAM,CAAC;YACtBI,cAAc;gBACV1B,QAAQ;gBACRkC,MAAMqB,wBAAY;YACtB;YACAhC,YAAY,SAACQ,OAAOyB;gBAChB,IAAIA,MAAMC,QAAQ,IAAI,CAACD,MAAME,QAAQ,EAAE;oBACnC,OAAOC,IAAAA,eAAS,EAACC,0BAAe,EAAEC,+BAAoB;gBAC1D;gBACA,OAAOD,0BAAe;YAC1B;QACJ;QACAE,mBAAmBR,cAAQ,CAACS,SAAS,CAACzC,MAAM,CAAC;YACzCI,cAAc;gBACV1B,QAAQ;gBACRkC,MAAMqB,wBAAY;YACtB;YACAhC,YAAYyC,mCAAwB;QACxC;QACAC,MAAMA,UAAI,CAAC3C,MAAM,CAAC;YACdI,cAAc;gBACVQ,oBAAM,qBAACgC,2BAAS;oBAACvC,MAAM;;YAC3B;YACAJ,YAAY4C,sBAAW;QAC3B;QACAC,aAAaA,iBAAW,CAAC9C,MAAM,CAAC;YAC5BI,cAAc;gBACVQ,oBAAM,qBAACmC,+BAAa;oBAACC,QAAQ;oBAAIC,cAAW;;YAChD;QACJ;QACAC,aAAaA,iBAAW,CAAClD,MAAM,CAAC;YAC5BI,cAAc;gBACVC,MAAM;gBACN8C,YAAY;YAChB;QACJ;QACAC,UAAUA,cAAQ,CAACpD,MAAM,CAAC;YACtBC,YAAYoD,0BAAe;YAC3BjD,cAAc;gBACVkD,aAAa;oBAACC,QAAQ;gBAAI;YAC9B;QACJ;QACAC,gBAAgBA,oBAAc,CAACxD,MAAM,CAAC;YAClCI,cAAc;gBACVqD,aAAa;gBACbC,4BAAc,qBAACC,gCAAc;oBAACX,QAAQ;oBAAIlF,OAAM;;YACpD;QACJ;QACA8F,WAAWA,gBAAS,CAAC5D,MAAM,CAAC;YACxBI,cAAc;gBACVyD,KAAK;gBACLC,2BAAa,qBAACC,kCAAgB;oBAAC1D,MAAM;;YACzC;QACJ;QACA2D,YAAYA,iBAAU,CAAChE,MAAM,CAAC;YAC1BC,YAAYgE,4BAAiB;QACjC;QACAC,SAASA,aAAO,CAAClE,MAAM,CAAC;YACpBI,cAAc;gBACVtC,OAAO;YACX;QACJ;QACAqG,OAAOA,WAAK,CAACnE,MAAM,CAAC;YAChBI,cAAc;gBACVgE,aAAaC,uBAAc;YAC/B;QACJ;QACAC,OAAOA,WAAK,CAACtE,MAAM,CAAC;YAChBI,cAAc;gBACVC,MAAM;YACV;YACAJ,YAAY,SAACsE,QAAQrC;gBACjB,IAAMsC,WAAWtC;gBACjB,IAAIsC,SAASrC,QAAQ,IAAI,CAACD,MAAME,QAAQ,IAAI,CAAC;oBAAC;iBAAS,CAACqC,QAAQ,CAACD,SAASE,gBAAgB,GAAG;oBACzF,OAAOrC,IAAAA,eAAS,EAACsC,uBAAY,EAAEC,+BAAoB;gBACvD;gBACA,OAAOD,uBAAY;YACvB;QACJ;QACAE,cAAcA,kBAAY,CAAC7E,MAAM,CAAC;YAC9BI,cAAc;gBACVC,MAAM;YACV;YACAJ,YAAY6E,8BAAmB;YAC/BtE,MAAM,SAACC,OAAOyB;gBACV,IAAMsC,WAAWtC;gBACjB,IAAIsC,SAASpC,QAAQ,IAAKoC,SAASrC,QAAQ,IAAI,CAAC;oBAAC;iBAAS,CAACsC,QAAQ,CAACD,SAASE,gBAAgB,GAAI;oBAC7F,OAAO;wBACHhE,MAAM;4BACF,sBAAsBwB,CAAAA,kBAAAA,4BAAAA,MAAO6C,KAAK,MAAI7C,kBAAAA,4BAAAA,MAAO8C,WAAW,IAAGvE,MAAMhC,OAAO,CAACN,GAAG,GAAG8G;wBACnF;wBACAF,OAAO;4BAAC,0BAA0BtE,MAAMb,MAAM,CAACsF,GAAG,CAAC,EAAE;wBAAA;wBACrDC,OAAO,CAAC;wBACRH,aAAa,CAAC;oBAClB;gBACJ;gBACA,OAAO;oBACHtE,MAAM;wBAAC,sBAAsBwB,CAAAA,kBAAAA,4BAAAA,MAAO6C,KAAK,MAAI7C,kBAAAA,4BAAAA,MAAO8C,WAAW,IAAGvE,MAAMhC,OAAO,CAACN,GAAG,GAAG8G;oBAAS;oBAC/FF,OAAO,CAAC;oBACRI,OAAO,CAAC;oBACRH,aAAa,CAAC;gBAClB;YACJ;QACJ;QACAI,eAAeA,mBAAa,CAACpF,MAAM,CAAC;YAChCQ,MAAM;uBAAO;oBACTE,MAAM;wBACF,qBAAqB;oBACzB;gBACJ;;QACJ;QACA2E,QAAQA,YAAM,CAACrF,MAAM,CAAC;YAClBI,cAAc;gBACVkF,SAAS,4CAAID,YAAM,CAACE,cAAc;oBAAEC,QAAQC,wBAAY;;gBACxDC,MAAM;gBACNC,MAAM;YACV;QACJ;QACAC,MAAMA,UAAI,CAAC5F,MAAM,CAAC;YACdC,YAAY4F,sBAAW;QAC3B;QACAC,OAAOA,WAAK,CAAC9F,MAAM,CAAC;YAChBC,YAAY8F,uBAAY;YACxBvF,MAAM;gBACF,IAAMxB,QAAQ;oBACV,mBAAmB;oBACnB,mBAAmB;oBACnB,mBAAmB;oBACnB,mBAAmB;oBACnB,mBAAmB;gBACvB;gBACA,OAAO;oBACH0B,MAAM,qBACC1B;gBAEX;YACJ;QACJ;QACAgH,cAAcF,WAAK,CAACG,OAAO,CAACjG,MAAM,CAAC;YAC/BI,cAAc;gBACVtC,OAAO+B,0BAAY,CAACqG,MAAM,CAAC,EAAE;gBAC7BC,mBAAmB;gBACnBC,MAAM;YACV;QACJ;QACAC,WAAWP,WAAK,CAACQ,IAAI,CAACtG,MAAM,CAAC;YACzBI,cAAc;gBACVyB,SAAS;YACb;QACJ;QACA0E,aAAaA,kBAAW,CAACvG,MAAM,CAAC;YAC5BC,YAAYuG,6BAAkB;QAClC;QACAC,aAAaA,iBAAW,CAACzG,MAAM,CAAC;YAACI,cAAc;gBAACsG,mBAAmB;YAAI;QAAC;QACxEC,SAASA,aAAO,CAAC3G,MAAM,CAAC;YAACC,YAAY2G,yBAAc;QAAA;QACnDC,cAAcA,kBAAY,CAAC7G,MAAM,CAAC;YAC9BC,YAAY6G,+BAAmB;YAC/B1G,cAAc;gBACVQ,oBAAM,qBAACmG,sCAAoB;oBAAC/D,QAAQ;;YACxC;QACJ;QACAgE,aAAaA,iBAAW,CAAChH,MAAM,CAAC;YAC5BC,YAAYgH,6BAAkB;QAClC;QACAC,YAAYA,gBAAU,CAAClH,MAAM,CAAC;YAC1BC,YAAYkH,4BAAiB;YAC7B/G,cAAc;gBACVgH,UAAUC,wCAAsB;gBAChCC,cAAcC,uCAAqB;YACvC;QACJ;QACAC,OAAOA,WAAK,CAACxH,MAAM,CAAC;YAChBC,YAAYwH,uBAAY;QAC5B;QACAC,iBAAiBA,sBAAe,CAAC1H,MAAM,CAAC;YACpCI,cAAc;gBACVyD,KAAK;gBACLC,2BAAa,qBAACC,kCAAgB;oBAAC1D,MAAM;;YACzC;QACJ;QACAsH,MAAMA,UAAI,CAAC3H,MAAM,CAAC;YACdC,YAAY2H,sBAAW;QAC3B;QACAC,SAASA,aAAO,CAAC7H,MAAM,CAAC;YACpBC,YAAY6H,yBAAc;YAC1B1H,cAAc;gBACVkD,aAAa;oBAACC,QAAQ;gBAAI;gBAC1BwE,UAAU;YACd;QACJ;QACAC,OAAOA,WAAK,CAAChI,MAAM,CAAC;YAChBC,YAAY,SAACQ,OAAOyB;gBAChB,IAAIA,MAAMC,QAAQ,IAAI,CAACD,MAAME,QAAQ,EAAE;oBACnC,OAAOC,IAAAA,eAAS,EAAC4F,uBAAY,EAAE1F,+BAAoB;gBACvD;gBACA,OAAO0F,uBAAY;YACvB;YACAzH,MAAM,SAACC,OAAOyB;gBACV,IAAIA,MAAMC,QAAQ,IAAI,CAACD,MAAME,QAAQ,EAAE;oBACnC,OAAO;wBACH1B,MAAM;4BACF,sBAAsBD,MAAMb,MAAM,CAAC5B,IAAI,CAAC,EAAE;4BAC1C,iBAAiByC,MAAMb,MAAM,CAAC5B,IAAI,CAAC,EAAE;wBACzC;oBACJ;gBACJ;gBACA,OAAO;oBAAC0C,MAAM,CAAC;gBAAC;YACpB;QACJ;QACAwH,WAAWF,WAAK,CAACrG,IAAI,CAAC3B,MAAM,CAAC;YACzBC,YAAYkI,2BAAgB;QAChC;QACAC,YAAYA,gBAAU,CAACpI,MAAM,CAAC;YAC1BC,YAAYoI,4BAAiB;QACjC;QACAC,kBAAkBA,sBAAgB,CAACtI,MAAM,CAAC;YACtCC,YAAYsI,kCAAuB;QACvC;QACAC,QAAQA,YAAM,CAACxI,MAAM,CAAC;YAClBI,cAAc;gBAACqI,eAAe;gBAAOC,eAAe;YAAK;YACzDzI,YAAY0I,wBAAa;QAC7B;QACAC,UAAUA,cAAQ,CAAC5I,MAAM,CAAC;YACtBC,YAAY4I,0BAAe;QAC/B;QACAC,QAAQA,YAAM,CAAC9I,MAAM,CAAC;YAClBI,cAAc;gBACVC,MAAM;YACV;YACAJ,YAAY8I,wBAAa;QAC7B;QACAC,SAASA,aAAO,CAAChJ,MAAM,CAAC;YACpBI,cAAc;gBACVC,MAAM;gBACN4I,6BAAe,qBAACrG,2BAAS;oBAACvC,MAAM;;YACpC;YACAJ,YAAYiJ,yBAAc;QAC9B;QACAC,QAAQA,YAAM,CAACnJ,MAAM,CAAC;YAClBC,YAAY,SAACQ,OAAOyB;gBAChB,IAAIA,MAAMC,QAAQ,IAAI,CAACD,MAAME,QAAQ,EAAE;oBACnC,OAAOG,+BAAoB;gBAC/B;gBACA,OAAO,CAAC;YACZ;YACA/B,MAAM,SAACC,OAAOyB;gBACV,IAAIA,MAAMC,QAAQ,IAAI,CAACD,MAAME,QAAQ,EAAE;oBACnC,OAAO;wBACH1B,MAAM,CAAC;wBACP0I,OAAO;4BACH,eAAe3I,MAAMb,MAAM,CAAC5B,IAAI,CAAC,EAAE;4BACnC,eAAe;wBACnB;wBACAqL,OAAO;4BACH,qBAAqB;wBACzB;oBACJ;gBACJ;gBACA,OAAO;oBAAC3I,MAAM,CAAC;oBAAG0I,OAAO,CAAC;oBAAGC,OAAO,CAAC;gBAAC;YAC1C;YACAjJ,cAAc;gBACVkJ,oBAAoB;YACxB;QACJ;QACAC,OAAOA,WAAK,CAACvJ,MAAM,CAAC;YAChBC,YAAYuJ,uBAAY;YACxBhJ,MAAM;uBAAO;oBACTiJ,OAAO;wBACH,wBAAwB;oBAC5B;gBACJ;;QACJ;QACAC,MAAMA,UAAI,CAAC1J,MAAM,CAAC;YACdC,YAAY0J,sBAAW;QAC3B;QACAC,MAAMA,UAAI,CAAC5J,MAAM,CAAC;YACdI,cAAc;gBACVC,MAAM;YACV;YACAJ,YAAY4J,sBAAW;QAC3B;QACAC,WAAWA,gBAAS,CAAC9J,MAAM,CAAC;YACxBI,cAAc;gBACVsD,4BAAc,qBAACqG,2BAAS;oBAAC1J,MAAM;;YACnC;QACJ;QACA2J,YAAYA,iBAAU,CAAChK,MAAM,CAAC;YAC1BI,cAAc;gBACV6J,cAAc;gBACdC,QAAQ;YACZ;YACAjK,YAAYkK,4BAAiB;QACjC;QACAC,SAASA,aAAO,CAACpK,MAAM,CAAC;YACpBI,cAAc;gBACViK,KAAK;gBACLC,WAAW;gBACXC,WAAW;gBACXC,QAAQ;gBACR1M,OAAO+B,0BAAY,CAAC4K,MAAM,CAAC,EAAE;YACjC;YACAxK,YAAYyK,yBAAc;QAC9B;QACAC,YAAYA,iBAAU,CAAC3K,MAAM,CAAC;YAC1BC,YAAY2K,4BAAiB;QACjC;IACJ;AACJ"}
|
|
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 {DateInput, DatePicker, MonthPicker, PickerInputBase, TimeInput, TimePicker, YearPicker} from '@mantine/dates';\nimport {Accordion, CheckboxIcon, CircleLoader, InfoToken} from '../components';\nimport AccordionClasses from '../styles/Accordion.module.css';\nimport ActionIconClasses from '../styles/ActionIcon.module.css';\nimport AlertClasses from '../styles/Alert.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 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';\n\nimport placeholderSvg from '../images/placeholder.svg';\nimport {plasmaVariantColorResolver} from './plasmaVariantColorResolver';\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 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 variant=\"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 classNames: DatePickerClasses,\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: 'lg',\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 color: PlasmaColors.violet[9],\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","vars","theme","root","Alert","icon","InfoToken","variant","p","AlertClasses","Badge","BadgeClasses","tt","Breadcrumbs","BreadcrumbsClasses","separator","IconSlash","separatorMargin","Button","ButtonClasses","Card","shadow","padding","withBorder","CardClasses","Checkbox","CheckboxIcon","props","readOnly","disabled","deepMerge","CheckboxClasses","ReadOnlyStateClasses","CheckboxIndicator","Indicator","CheckboxIndicatorClasses","Chip","IconCheck","ChipClasses","CloseButton","CrossSize16Px","height","aria-label","ColorSwatch","withShadow","Combobox","ComboboxClasses","middlewares","inline","ComboboxSearch","placeholder","rightSection","FilterSize16Px","DateInput","miw","leftSection","IconCalendarWeek","DatePicker","DatePickerClasses","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","violet","TooltipClasses","YearPicker","YearPickerClasses"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { BadgeCssVariables, BadgeProps, BadgeStylesNames, BadgeVariant, PolymorphicFactory, PolymorphicComponentProps } from '@mantine/core';
|
|
2
2
|
import { ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
|
|
3
|
-
export interface SemanticBadgeProps {
|
|
3
|
+
export interface SemanticBadgeProps extends Pick<BadgeProps, 'm' | 'mt' | 'mb' | 'ml' | 'mr' | 'ms' | 'me' | 'mx' | 'my' | 'miw' | 'maw' | 'pos' | 'top' | 'left' | 'right' | 'bottom' | 'inset' | 'display' | 'flex'> {
|
|
4
4
|
/**
|
|
5
5
|
* The size of the badge.
|
|
6
6
|
* @default 'small'
|
|
@@ -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,EAEZ,kBAAkB,EAClB,yBAAyB,EAE5B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAa,yBAAyB,EAAgB,SAAS,EAAE,aAAa,EAAC,MAAM,OAAO,CAAC;AAEpG,MAAM,WAAW,
|
|
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,EAEZ,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,CACX;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;AA6F1G,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,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B,CAAC;CACL,CAAC,CAAC;AAEH,eAAO,MAAM,KAAK,mEAvHb,MAAO,YAAY;;;;;;eAUyC,MAAQ,WAAU;;;WA8FxE,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;WAZM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;WAZM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;aALY,aAAa;eACX,aAAa;cACd,aAAa;aACd,aAAa;cACZ,aAAa;CAIqF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/badge/Badge.tsx"],"sourcesContent":["import {\n Badge as MantineBadge,\n BadgeCssVariables,\n BadgeProps,\n BadgeStylesNames,\n BadgeVariant,\n polymorphicFactory,\n PolymorphicFactory,\n PolymorphicComponentProps,\n alpha,\n} from '@mantine/core';\nimport {forwardRef, ForwardRefExoticComponent, ReactElement, ReactNode, RefAttributes} from 'react';\n\nexport interface SemanticBadgeProps {\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 'light'\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 Component = props.on === '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 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 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.Critical = BadgeCritical;\nBadge.Warning = BadgeWarning;\nBadge.Disabled = BadgeDisabled;\n"],"names":["Badge","MantineBadge","polymorphicFactory","alpha","forwardRef","enhanceBadge","ComponentLight","ComponentDark","props","ref","Component","on","py","px","size","h","BadgePrimary","withProps","variant","bd","c","bg","BadgeSecondary","color","BadgeCritical","BadgeWarning","BadgeDisabled","Primary","Secondary","Critical","Warning","Disabled"],"mappings":";AAAA,SACIA,SAASC,YAAY,EAKrBC,kBAAkB,EAGlBC,KAAK,QACF,gBAAgB;AACvB,SAAQC,UAAU,QAA0E,QAAQ;
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/badge/Badge.tsx"],"sourcesContent":["import {\n Badge as MantineBadge,\n BadgeCssVariables,\n BadgeProps,\n BadgeStylesNames,\n BadgeVariant,\n polymorphicFactory,\n PolymorphicFactory,\n PolymorphicComponentProps,\n alpha,\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 > {\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 'light'\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 Component = props.on === '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 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 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.Critical = BadgeCritical;\nBadge.Warning = BadgeWarning;\nBadge.Disabled = BadgeDisabled;\n"],"names":["Badge","MantineBadge","polymorphicFactory","alpha","forwardRef","enhanceBadge","ComponentLight","ComponentDark","props","ref","Component","on","py","px","size","h","BadgePrimary","withProps","variant","bd","c","bg","BadgeSecondary","color","BadgeCritical","BadgeWarning","BadgeDisabled","Primary","Secondary","Critical","Warning","Disabled"],"mappings":";AAAA,SACIA,SAASC,YAAY,EAKrBC,kBAAkB,EAGlBC,KAAK,QACF,gBAAgB;AACvB,SAAQC,UAAU,QAA0E,QAAQ;AA2CpG,MAAMC,eAAe,CACjBC,gBACAC,8BAEAH,WAA+C,CAACI,OAAOC;QACnD,MAAMC,YAAYF,MAAMG,EAAE,KAAK,SAASJ,gBAAgBD;QACxD,qBACI,KAACI;YACGD,KAAKA;YACJ,GAAGD,KAAK;YACTI,IAAI;YACJC,IAAI;YACJC,MAAMN,MAAMM,IAAI,KAAK,UAAU,OAAO;YACtCC,GAAGP,MAAMM,IAAI,KAAK,UAAU,KAAK;;IAG7C;AAEJ,MAAME,eAAeX,aACjBJ,aAAagB,SAAS,CAAC;IACnBC,SAAS;IACTC,IAAI;IACJC,GAAG;AACP,IACAnB,aAAagB,SAAS,CAAC;IACnBC,SAAS;IACTC,IAAI,CAAC,UAAU,EAAEhB,MAAM,kCAAkC,OAAO;IAChEiB,GAAG;IACHC,IAAIlB,MAAM,kCAAkC;AAChD;AAEJ,MAAMmB,iBAAiBjB,aACnBJ,aAAagB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPJ,IAAI;IACJC,GAAG;AACP,IACAnB,aAAagB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPH,GAAG;IACHD,IAAI,CAAC,UAAU,EAAEhB,MAAM,+BAA+B,OAAO;IAC7DkB,IAAIlB,MAAM,+BAA+B;AAC7C;AAEJ,MAAMqB,gBAAgBnB,aAClBJ,aAAagB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPJ,IAAI;IACJC,GAAG;AACP,IACAnB,aAAagB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPH,GAAG;IACHD,IAAI,CAAC,UAAU,EAAEhB,MAAM,8BAA8B,OAAO;IAC5DkB,IAAIlB,MAAM,8BAA8B;AAC5C;AAEJ,MAAMsB,eAAepB,aACjBJ,aAAagB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPJ,IAAI;IACJC,GAAG;AACP,IACAnB,aAAagB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPH,GAAG;IACHD,IAAI,CAAC,UAAU,EAAEhB,MAAM,iCAAiC,OAAO;IAC/DkB,IAAIlB,MAAM,iCAAiC;AAC/C;AAEJ,MAAMuB,gBAAgBrB,aAClBJ,aAAagB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPH,GAAG;IACHC,IAAI;AACR,IACApB,aAAagB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPH,GAAG;IACHC,IAAIlB,MAAM,+BAA+B;AAC7C;AAmBJ,OAAO,MAAMH,QAAQE,mBAAyC,CAACM,OAAOC,oBAAQ,KAACR;QAAaQ,KAAKA;QAAM,GAAGD,KAAK;QAAM;AAErHR,MAAM2B,OAAO,GAAGX;AAChBhB,MAAM4B,SAAS,GAAGN;AAClBtB,MAAM6B,QAAQ,GAAGL;AACjBxB,MAAM8B,OAAO,GAAGL;AAChBzB,MAAM+B,QAAQ,GAAGL"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ButtonCssVariables, type ButtonGroup, ButtonProps as MantineButtonProps
|
|
1
|
+
import { ButtonCssVariables, type ButtonGroup, ButtonStylesNames, ButtonVariant, ButtonProps as MantineButtonProps } from '@mantine/core';
|
|
2
2
|
import { MouseEventHandler } from 'react';
|
|
3
3
|
import { ButtonWithDisabledTooltipProps } from './ButtonWithDisabledTooltip';
|
|
4
4
|
export interface ButtonProps extends MantineButtonProps, ButtonWithDisabledTooltipProps {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,kBAAkB,EAClB,KAAK,WAAW,EAChB,iBAAiB,EACjB,aAAa,EAGb,WAAW,IAAI,kBAAkB,EAEpC,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAExC,OAAO,EAA4B,8BAA8B,EAAC,MAAM,6BAA6B,CAAC;AAEtG,MAAM,WAAW,WAAY,SAAQ,kBAAkB,EAAE,8BAA8B;IAEnF,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAsBD,eAAO,MAAM,MAAM,+FAdH,MAAO,YAChB;;;;;;eAMsB,MAAO,WAAW;;;WAZpC,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,OAAO,WAAW,CAAC;QAC1B,OAAO,EAAE,OAAO,aAAa,CAAC;QAC9B,SAAS,EAAE,OAAO,eAAe,CAAC;QAClC,QAAQ,EAAE,OAAO,cAAc,CAAC;QAChC,UAAU,EAAE,OAAO,gBAAgB,CAAC;QACpC,kBAAkB,EAAE,OAAO,iBAAiB,CAAC;QAC7C,oBAAoB,EAAE,OAAO,0BAA0B,CAAC;QACxD,mBAAmB,EAAE,OAAO,yBAAyB,CAAC;QACtD,qBAAqB,EAAE,OAAO,2BAA2B,CAAC;KAC7D;;WAhBM,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,OAAO,WAAW,CAAC;QAC1B,OAAO,EAAE,OAAO,aAAa,CAAC;QAC9B,SAAS,EAAE,OAAO,eAAe,CAAC;QAClC,QAAQ,EAAE,OAAO,cAAc,CAAC;QAChC,UAAU,EAAE,OAAO,gBAAgB,CAAC;QACpC,kBAAkB,EAAE,OAAO,iBAAiB,CAAC;QAC7C,oBAAoB,EAAE,OAAO,0BAA0B,CAAC;QACxD,mBAAmB,EAAE,OAAO,yBAAyB,CAAC;QACtD,qBAAqB,EAAE,OAAO,2BAA2B,CAAC;KAC7D;;WAhBM,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,OAAO,WAAW,CAAC;QAC1B,OAAO,EAAE,OAAO,aAAa,CAAC;QAC9B,SAAS,EAAE,OAAO,eAAe,CAAC;QAClC,QAAQ,EAAE,OAAO,cAAc,CAAC;QAChC,UAAU,EAAE,OAAO,gBAAgB,CAAC;QACpC,kBAAkB,EAAE,OAAO,iBAAiB,CAAC;QAC7C,oBAAoB,EAAE,OAAO,0BAA0B,CAAC;QACxD,mBAAmB,EAAE,OAAO,yBAAyB,CAAC;QACtD,qBAAqB,EAAE,OAAO,2BAA2B,CAAC;KAC7D;;WATU,OAAO,WAAW;aAChB,OAAO,aAAa;eAClB,OAAO,eAAe;cACvB,OAAO,cAAc;gBACnB,OAAO,gBAAgB;wBACf,OAAO,iBAAiB;0BACtB,OAAO,0BAA0B;yBAClC,OAAO,yBAAyB;2BAC9B,OAAO,2BAA2B;CA6BhE,CAAC;AACF,QAAA,MAAM,aAAa,8FAlDK,MAAM,YAkD6B,CAAC;AAC5D,QAAA,MAAM,eAAe,8FAnDG,MAAM,YAmD8B,CAAC;AAC7D,QAAA,MAAM,cAAc,8FApDI,MAAM,YA4D5B,CAAC;AACH,QAAA,MAAM,gBAAgB,8FA7DE,MAAM,YA6DgC,CAAC;AAE/D,QAAA,MAAM,iBAAiB,8FA/DC,MAAM,YA+DsE,CAAC;AACrG,QAAA,MAAM,0BAA0B,8FAhER,MAAM,YAmE5B,CAAC;AACH,QAAA,MAAM,yBAAyB,8FApEP,MAAM,YA4E5B,CAAC;AACH,QAAA,MAAM,2BAA2B,8FA7ET,MAAM,YA6EgF,CAAC"}
|
|
@@ -33,7 +33,6 @@ const ButtonTertiary = Button.withProps({
|
|
|
33
33
|
vars: (theme)=>({
|
|
34
34
|
root: {
|
|
35
35
|
'--button-color': 'var(--mantine-primary-color-filled)',
|
|
36
|
-
'--button-height': '32px',
|
|
37
36
|
'--button-padding-x': theme.spacing.sm
|
|
38
37
|
}
|
|
39
38
|
})
|
|
@@ -54,7 +53,6 @@ const ButtonDestructiveTertiary = Button.withProps({
|
|
|
54
53
|
vars: (theme)=>({
|
|
55
54
|
root: {
|
|
56
55
|
'--button-color': 'var(--mantine-color-error)',
|
|
57
|
-
'--button-height': '32px',
|
|
58
56
|
'--button-padding-x': theme.spacing.sm
|
|
59
57
|
}
|
|
60
58
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import {\n
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import {\n ButtonCssVariables,\n type ButtonGroup,\n ButtonStylesNames,\n ButtonVariant,\n Factory,\n Button as MantineButton,\n ButtonProps as MantineButtonProps,\n polymorphicFactory,\n} from '@mantine/core';\nimport {MouseEventHandler} from 'react';\nimport {useClickWithLoading} from '../../hooks/useClickWithLoading';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from './ButtonWithDisabledTooltip';\n\nexport interface ButtonProps extends MantineButtonProps, ButtonWithDisabledTooltipProps {\n /* Handler executed on click */\n onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\ntype ButtonOverloadFactory = Factory<{\n props: ButtonProps;\n defaultRef: HTMLButtonElement;\n defaultComponent: 'button';\n stylesNames: ButtonStylesNames;\n vars: ButtonCssVariables;\n variant: ButtonVariant;\n staticComponents: {\n Group: typeof ButtonGroup;\n Primary: typeof ButtonPrimary;\n Secondary: typeof ButtonSecondary;\n Tertiary: typeof ButtonTertiary;\n Quaternary: typeof ButtonQuaternary;\n DestructivePrimary: typeof ButtonDestructive;\n DestructiveSecondary: typeof ButtonDestructiveSecondary;\n DestructiveTertiary: typeof ButtonDestructiveTertiary;\n DestructiveQuaternary: typeof ButtonDestructiveQuaternary;\n };\n}>;\n\nexport const Button = polymorphicFactory<ButtonOverloadFactory>(\n (\n {disabledTooltip, disabled, disabledTooltipProps, loading, onClick, 'data-disabled': dataDisabled, ...others},\n ref,\n ) => {\n const {isLoading, handleClick} = useClickWithLoading(onClick);\n return (\n <ButtonWithDisabledTooltip\n disabled={disabled || dataDisabled}\n disabledTooltip={disabledTooltip}\n disabledTooltipProps={disabledTooltipProps}\n fullWidth={others.fullWidth}\n >\n <MantineButton\n loaderProps={{variant: 'oval'}}\n ref={ref}\n loading={isLoading || loading}\n onClick={dataDisabled ? (e) => e.preventDefault() : handleClick}\n disabled={disabled || dataDisabled}\n data-loading={isLoading || loading || undefined}\n {...others}\n />\n </ButtonWithDisabledTooltip>\n );\n },\n);\nconst ButtonPrimary = Button.withProps({variant: 'filled'});\nconst ButtonSecondary = Button.withProps({variant: 'light'});\nconst ButtonTertiary = Button.withProps({\n variant: 'default',\n vars: (theme) => ({\n root: {\n '--button-color': 'var(--mantine-primary-color-filled)',\n '--button-padding-x': theme.spacing.sm,\n },\n }),\n});\nconst ButtonQuaternary = Button.withProps({variant: 'subtle'});\n\nconst ButtonDestructive = Button.withProps({variant: 'filled', color: 'var(--mantine-color-error)'});\nconst ButtonDestructiveSecondary = Button.withProps({\n variant: 'light',\n color: 'var(--mantine-color-error)',\n});\nconst ButtonDestructiveTertiary = Button.withProps({\n variant: 'default',\n vars: (theme) => ({\n root: {\n '--button-color': 'var(--mantine-color-error)',\n '--button-padding-x': theme.spacing.sm,\n },\n }),\n});\nconst ButtonDestructiveQuaternary = Button.withProps({variant: 'subtle', color: 'var(--mantine-color-error)'});\n\nButton.Group = MantineButton.Group;\nButton.Primary = ButtonPrimary;\nButton.Secondary = ButtonSecondary;\nButton.Tertiary = ButtonTertiary;\nButton.Quaternary = ButtonQuaternary;\nButton.DestructivePrimary = ButtonDestructive;\nButton.DestructiveSecondary = ButtonDestructiveSecondary;\nButton.DestructiveTertiary = ButtonDestructiveTertiary;\nButton.DestructiveQuaternary = ButtonDestructiveQuaternary;\n"],"names":["Button","MantineButton","polymorphicFactory","useClickWithLoading","ButtonWithDisabledTooltip","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","dataDisabled","others","ref","isLoading","handleClick","fullWidth","loaderProps","variant","e","preventDefault","data-loading","undefined","ButtonPrimary","withProps","ButtonSecondary","ButtonTertiary","vars","theme","root","spacing","sm","ButtonQuaternary","ButtonDestructive","color","ButtonDestructiveSecondary","ButtonDestructiveTertiary","ButtonDestructiveQuaternary","Group","Primary","Secondary","Tertiary","Quaternary","DestructivePrimary","DestructiveSecondary","DestructiveTertiary","DestructiveQuaternary"],"mappings":";AAAA,SAMIA,UAAUC,aAAa,EAEvBC,kBAAkB,QACf,gBAAgB;AAEvB,SAAQC,mBAAmB,QAAO,kCAAkC;AACpE,SAAQC,yBAAyB,QAAuC,8BAA8B;AA2BtG,OAAO,MAAMJ,SAASE,mBAClB,CACI,EAACG,eAAe,EAAEC,QAAQ,EAAEC,oBAAoB,EAAEC,OAAO,EAAEC,OAAO,EAAE,iBAAiBC,YAAY,EAAE,GAAGC,QAAO,EAC7GC;IAEA,MAAM,EAACC,SAAS,EAAEC,WAAW,EAAC,GAAGX,oBAAoBM;IACrD,qBACI,KAACL;QACGE,UAAUA,YAAYI;QACtBL,iBAAiBA;QACjBE,sBAAsBA;QACtBQ,WAAWJ,OAAOI,SAAS;kBAE3B,cAAA,KAACd;YACGe,aAAa;gBAACC,SAAS;YAAM;YAC7BL,KAAKA;YACLJ,SAASK,aAAaL;YACtBC,SAASC,eAAe,CAACQ,IAAMA,EAAEC,cAAc,KAAKL;YACpDR,UAAUA,YAAYI;YACtBU,gBAAcP,aAAaL,WAAWa;YACrC,GAAGV,MAAM;;;AAI1B,GACF;AACF,MAAMW,gBAAgBtB,OAAOuB,SAAS,CAAC;IAACN,SAAS;AAAQ;AACzD,MAAMO,kBAAkBxB,OAAOuB,SAAS,CAAC;IAACN,SAAS;AAAO;AAC1D,MAAMQ,iBAAiBzB,OAAOuB,SAAS,CAAC;IACpCN,SAAS;IACTS,MAAM,CAACC,QAAW,CAAA;YACdC,MAAM;gBACF,kBAAkB;gBAClB,sBAAsBD,MAAME,OAAO,CAACC,EAAE;YAC1C;QACJ,CAAA;AACJ;AACA,MAAMC,mBAAmB/B,OAAOuB,SAAS,CAAC;IAACN,SAAS;AAAQ;AAE5D,MAAMe,oBAAoBhC,OAAOuB,SAAS,CAAC;IAACN,SAAS;IAAUgB,OAAO;AAA4B;AAClG,MAAMC,6BAA6BlC,OAAOuB,SAAS,CAAC;IAChDN,SAAS;IACTgB,OAAO;AACX;AACA,MAAME,4BAA4BnC,OAAOuB,SAAS,CAAC;IAC/CN,SAAS;IACTS,MAAM,CAACC,QAAW,CAAA;YACdC,MAAM;gBACF,kBAAkB;gBAClB,sBAAsBD,MAAME,OAAO,CAACC,EAAE;YAC1C;QACJ,CAAA;AACJ;AACA,MAAMM,8BAA8BpC,OAAOuB,SAAS,CAAC;IAACN,SAAS;IAAUgB,OAAO;AAA4B;AAE5GjC,OAAOqC,KAAK,GAAGpC,cAAcoC,KAAK;AAClCrC,OAAOsC,OAAO,GAAGhB;AACjBtB,OAAOuC,SAAS,GAAGf;AACnBxB,OAAOwC,QAAQ,GAAGf;AAClBzB,OAAOyC,UAAU,GAAGV;AACpB/B,OAAO0C,kBAAkB,GAAGV;AAC5BhC,OAAO2C,oBAAoB,GAAGT;AAC9BlC,OAAO4C,mBAAmB,GAAGT;AAC7BnC,OAAO6C,qBAAqB,GAAGT"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAYA,OAAO,EAsBH,oBAAoB,EAuBvB,MAAM,eAAe,CAAC;AAgDvB,eAAO,MAAM,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAYA,OAAO,EAsBH,oBAAoB,EAuBvB,MAAM,eAAe,CAAC;AAgDvB,eAAO,MAAM,WAAW,EAAE,oBAyaxB,CAAC"}
|