@coveord/plasma-mantine 59.2.0 → 59.4.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 (50) hide show
  1. package/.turbo/turbo-build.log +4 -4
  2. package/.turbo/turbo-test.log +93 -93
  3. package/dist/.tsbuildinfo +1 -1
  4. package/dist/cjs/components/CopyToClipboard/CopyToClipboard.d.ts +1 -0
  5. package/dist/cjs/components/CopyToClipboard/CopyToClipboard.d.ts.map +1 -1
  6. package/dist/cjs/components/CopyToClipboard/CopyToClipboard.js.map +1 -1
  7. package/dist/cjs/components/InfoToken/InfoToken.module.css +1 -1
  8. package/dist/cjs/components/Input/InputLabelInfo.d.ts.map +1 -1
  9. package/dist/cjs/components/Input/InputLabelInfo.js +4 -1
  10. package/dist/cjs/components/Input/InputLabelInfo.js.map +1 -1
  11. package/dist/cjs/components/Input/InputLabelInfo.module.css +1 -0
  12. package/dist/cjs/components/RadioCard/RadioCard.d.ts.map +1 -1
  13. package/dist/cjs/components/RadioCard/RadioCard.js +18 -18
  14. package/dist/cjs/components/RadioCard/RadioCard.js.map +1 -1
  15. package/dist/cjs/styles/ActionIcon.module.css +23 -0
  16. package/dist/cjs/styles/CloseButton.module.css +15 -0
  17. package/dist/cjs/styles/Pill.module.css +13 -0
  18. package/dist/cjs/styles/RadioCard.module.css +31 -30
  19. package/dist/cjs/theme/Theme.d.ts.map +1 -1
  20. package/dist/cjs/theme/Theme.js +4 -2
  21. package/dist/cjs/theme/Theme.js.map +1 -1
  22. package/dist/esm/components/CopyToClipboard/CopyToClipboard.d.ts +1 -0
  23. package/dist/esm/components/CopyToClipboard/CopyToClipboard.d.ts.map +1 -1
  24. package/dist/esm/components/CopyToClipboard/CopyToClipboard.js.map +1 -1
  25. package/dist/esm/components/InfoToken/InfoToken.module.css +1 -1
  26. package/dist/esm/components/Input/InputLabelInfo.d.ts.map +1 -1
  27. package/dist/esm/components/Input/InputLabelInfo.js +2 -1
  28. package/dist/esm/components/Input/InputLabelInfo.js.map +1 -1
  29. package/dist/esm/components/Input/InputLabelInfo.module.css +1 -0
  30. package/dist/esm/components/RadioCard/RadioCard.d.ts.map +1 -1
  31. package/dist/esm/components/RadioCard/RadioCard.js +20 -20
  32. package/dist/esm/components/RadioCard/RadioCard.js.map +1 -1
  33. package/dist/esm/styles/ActionIcon.module.css +23 -0
  34. package/dist/esm/styles/CloseButton.module.css +15 -0
  35. package/dist/esm/styles/Pill.module.css +13 -0
  36. package/dist/esm/styles/RadioCard.module.css +31 -30
  37. package/dist/esm/theme/Theme.d.ts.map +1 -1
  38. package/dist/esm/theme/Theme.js +4 -2
  39. package/dist/esm/theme/Theme.js.map +1 -1
  40. package/package.json +1 -1
  41. package/src/components/CopyToClipboard/CopyToClipboard.tsx +1 -0
  42. package/src/components/InfoToken/InfoToken.module.css +1 -1
  43. package/src/components/Input/InputLabelInfo.module.css +1 -0
  44. package/src/components/Input/InputLabelInfo.tsx +7 -2
  45. package/src/components/RadioCard/RadioCard.tsx +25 -12
  46. package/src/styles/ActionIcon.module.css +23 -0
  47. package/src/styles/CloseButton.module.css +15 -0
  48. package/src/styles/Pill.module.css +13 -0
  49. package/src/styles/RadioCard.module.css +31 -30
  50. package/src/theme/Theme.tsx +3 -1
@@ -6,6 +6,7 @@ export interface CopyToClipboardProps extends ActionIconProps {
6
6
  */
7
7
  value: string;
8
8
  /**
9
+ * @deprecated Place the CopyToClipboard component inside the `rightSection` of input components instead.
9
10
  * Whether to display the string to be copied alongside the button.
10
11
  *
11
12
  * @default false
@@ -1 +1 @@
1
- {"version":3,"file":"CopyToClipboard.d.ts","sourceRoot":"","sources":["../../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,eAAe,EAAc,YAAY,EAAqB,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAC,iBAAiB,EAAE,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAG3D,MAAM,WAAW,oBAAqB,SAAQ,eAAe;IACzD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC9C;;;;OAIG;IACH,KAAK,CAAC,EAAE,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACrC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B;AA6BD,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,CAU/D,CAAC"}
1
+ {"version":3,"file":"CopyToClipboard.d.ts","sourceRoot":"","sources":["../../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,eAAe,EAAc,YAAY,EAAqB,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAC,iBAAiB,EAAE,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAG3D,MAAM,WAAW,oBAAqB,SAAQ,eAAe;IACzD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC9C;;;;OAIG;IACH,KAAK,CAAC,EAAE,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACrC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B;AA6BD,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,CAU/D,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"sourcesContent":["import {IconClipboardCheck, IconClipboardText} from '@coveord/plasma-react-icons';\nimport {ActionIconProps, CopyButton, MantineColor, TextInput, Tooltip} from '@mantine/core';\nimport {FunctionComponent, MouseEventHandler} from 'react';\nimport {ActionIcon} from '../ActionIcon/ActionIcon.js';\n\nexport interface CopyToClipboardProps extends ActionIconProps {\n /**\n * The value to be copied to the clipboard.\n */\n value: string;\n /**\n * Whether to display the string to be copied alongside the button.\n *\n * @default false\n */\n withLabel?: boolean;\n /**\n * Called each time the value is copied to the clipboard\n */\n onCopy?: MouseEventHandler<HTMLButtonElement>;\n /**\n * The color of the icon when idle\n *\n * @default 'gray'\n */\n color?: MantineColor | (string & {});\n /**\n * The text displayed when hovering over the button\n *\n * @default 'Copy to clipboard'\n */\n tooltipLabelCopy?: string;\n /**\n * The text displayed when the value is copied to the clipboard\n *\n * @default 'Copied'\n */\n tooltipLabelCopied?: string;\n}\n\nconst CopyToClipboardButton: FunctionComponent<Omit<CopyToClipboardProps, 'withLabel'>> = ({\n value,\n onCopy,\n color,\n tooltipLabelCopy = 'Copy to clipboard',\n tooltipLabelCopied = 'Copied',\n ...others\n}) => (\n <CopyButton value={value} timeout={2000}>\n {({copied, copy}) => (\n <Tooltip label={copied ? tooltipLabelCopied : tooltipLabelCopy}>\n <ActionIcon.Quaternary\n aria-label={tooltipLabelCopy}\n color={copied ? 'success' : color}\n onClick={(clickEvent) => {\n copy();\n onCopy?.(clickEvent);\n }}\n {...others}\n >\n {copied ? <IconClipboardCheck size={16} /> : <IconClipboardText size={16} />}\n </ActionIcon.Quaternary>\n </Tooltip>\n )}\n </CopyButton>\n);\n\nexport const CopyToClipboard: FunctionComponent<CopyToClipboardProps> = ({withLabel, ...others}) =>\n withLabel ? (\n <TextInput\n value={others.value}\n readOnly\n autoComplete=\"off\"\n rightSection={<CopyToClipboardButton {...others} />}\n />\n ) : (\n <CopyToClipboardButton {...others} />\n );\n\nCopyToClipboard.displayName = 'CopyToClipboard';\n"],"names":["CopyToClipboard","CopyToClipboardButton","value","onCopy","color","tooltipLabelCopy","tooltipLabelCopied","others","CopyButton","timeout","copied","copy","Tooltip","label","ActionIcon","Quaternary","aria-label","onClick","clickEvent","IconClipboardCheck","size","IconClipboardText","withLabel","TextInput","readOnly","autoComplete","rightSection","displayName"],"mappings":";;;;+BAmEaA;;;eAAAA;;;;;;;gCAnEuC;oBACwB;0BAEnD;AAqCzB,IAAMC,wBAAoF;QACtFC,WAAAA,OACAC,YAAAA,QACAC,WAAAA,gCACAC,kBAAAA,oDAAmB,sEACnBC,oBAAAA,wDAAqB,kCAClBC;;;;;;;yBAEH,qBAACC,gBAAU;QAACN,OAAOA;QAAOO,SAAS;kBAC9B;gBAAEC,eAAAA,QAAQC,aAAAA;iCACP,qBAACC,aAAO;gBAACC,OAAOH,SAASJ,qBAAqBD;0BAC1C,cAAA,qBAACS,sBAAU,CAACC,UAAU;oBAClBC,cAAYX;oBACZD,OAAOM,SAAS,YAAYN;oBAC5Ba,SAAS,SAATA,QAAUC;wBACNP;wBACAR,mBAAAA,6BAAAA,OAASe;oBACb;mBACIX;8BAEHG,uBAAS,qBAACS,oCAAkB;wBAACC,MAAM;uCAAS,qBAACC,mCAAiB;wBAACD,MAAM;;;;;;;AAOnF,IAAMpB,kBAA2D;QAAEsB,eAAAA,WAAcf;;;WACpFe,0BACI,qBAACC,eAAS;QACNrB,OAAOK,OAAOL,KAAK;QACnBsB,QAAQ;QACRC,cAAa;QACbC,4BAAc,qBAACzB,4CAA0BM;uBAG7C,qBAACN,4CAA0BM;;AAGnCP,gBAAgB2B,WAAW,GAAG"}
1
+ {"version":3,"sources":["../../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"sourcesContent":["import {IconClipboardCheck, IconClipboardText} from '@coveord/plasma-react-icons';\nimport {ActionIconProps, CopyButton, MantineColor, TextInput, Tooltip} from '@mantine/core';\nimport {FunctionComponent, MouseEventHandler} from 'react';\nimport {ActionIcon} from '../ActionIcon/ActionIcon.js';\n\nexport interface CopyToClipboardProps extends ActionIconProps {\n /**\n * The value to be copied to the clipboard.\n */\n value: string;\n /**\n * @deprecated Place the CopyToClipboard component inside the `rightSection` of input components instead.\n * Whether to display the string to be copied alongside the button.\n *\n * @default false\n */\n withLabel?: boolean;\n /**\n * Called each time the value is copied to the clipboard\n */\n onCopy?: MouseEventHandler<HTMLButtonElement>;\n /**\n * The color of the icon when idle\n *\n * @default 'gray'\n */\n color?: MantineColor | (string & {});\n /**\n * The text displayed when hovering over the button\n *\n * @default 'Copy to clipboard'\n */\n tooltipLabelCopy?: string;\n /**\n * The text displayed when the value is copied to the clipboard\n *\n * @default 'Copied'\n */\n tooltipLabelCopied?: string;\n}\n\nconst CopyToClipboardButton: FunctionComponent<Omit<CopyToClipboardProps, 'withLabel'>> = ({\n value,\n onCopy,\n color,\n tooltipLabelCopy = 'Copy to clipboard',\n tooltipLabelCopied = 'Copied',\n ...others\n}) => (\n <CopyButton value={value} timeout={2000}>\n {({copied, copy}) => (\n <Tooltip label={copied ? tooltipLabelCopied : tooltipLabelCopy}>\n <ActionIcon.Quaternary\n aria-label={tooltipLabelCopy}\n color={copied ? 'success' : color}\n onClick={(clickEvent) => {\n copy();\n onCopy?.(clickEvent);\n }}\n {...others}\n >\n {copied ? <IconClipboardCheck size={16} /> : <IconClipboardText size={16} />}\n </ActionIcon.Quaternary>\n </Tooltip>\n )}\n </CopyButton>\n);\n\nexport const CopyToClipboard: FunctionComponent<CopyToClipboardProps> = ({withLabel, ...others}) =>\n withLabel ? (\n <TextInput\n value={others.value}\n readOnly\n autoComplete=\"off\"\n rightSection={<CopyToClipboardButton {...others} />}\n />\n ) : (\n <CopyToClipboardButton {...others} />\n );\n\nCopyToClipboard.displayName = 'CopyToClipboard';\n"],"names":["CopyToClipboard","CopyToClipboardButton","value","onCopy","color","tooltipLabelCopy","tooltipLabelCopied","others","CopyButton","timeout","copied","copy","Tooltip","label","ActionIcon","Quaternary","aria-label","onClick","clickEvent","IconClipboardCheck","size","IconClipboardText","withLabel","TextInput","readOnly","autoComplete","rightSection","displayName"],"mappings":";;;;+BAoEaA;;;eAAAA;;;;;;;gCApEuC;oBACwB;0BAEnD;AAsCzB,IAAMC,wBAAoF;QACtFC,WAAAA,OACAC,YAAAA,QACAC,WAAAA,gCACAC,kBAAAA,oDAAmB,sEACnBC,oBAAAA,wDAAqB,kCAClBC;;;;;;;yBAEH,qBAACC,gBAAU;QAACN,OAAOA;QAAOO,SAAS;kBAC9B;gBAAEC,eAAAA,QAAQC,aAAAA;iCACP,qBAACC,aAAO;gBAACC,OAAOH,SAASJ,qBAAqBD;0BAC1C,cAAA,qBAACS,sBAAU,CAACC,UAAU;oBAClBC,cAAYX;oBACZD,OAAOM,SAAS,YAAYN;oBAC5Ba,SAAS,SAATA,QAAUC;wBACNP;wBACAR,mBAAAA,6BAAAA,OAASe;oBACb;mBACIX;8BAEHG,uBAAS,qBAACS,oCAAkB;wBAACC,MAAM;uCAAS,qBAACC,mCAAiB;wBAACD,MAAM;;;;;;;AAOnF,IAAMpB,kBAA2D;QAAEsB,eAAAA,WAAcf;;;WACpFe,0BACI,qBAACC,eAAS;QACNrB,OAAOK,OAAOL,KAAK;QACnBsB,QAAQ;QACRC,cAAa;QACbC,4BAAc,qBAACzB,4CAA0BM;uBAG7C,qBAACN,4CAA0BM;;AAGnCP,gBAAgB2B,WAAW,GAAG"}
@@ -6,7 +6,7 @@
6
6
 
7
7
  &[data-variant='light'] {
8
8
  background-color: var(--it-bg);
9
- border-radius: var(--mantine-spacing-xxs);
9
+ border-radius: var(--mantine-radius-sm);
10
10
  padding: var(--mantine-spacing-xs);
11
11
 
12
12
  &[data-size='xs'] {
@@ -1 +1 @@
1
- {"version":3,"file":"InputLabelInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputLabelInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,cAAc,EAAgC,KAAK,OAAO,EAAE,KAAK,YAAY,EAAC,MAAM,eAAe,CAAC;AACrH,OAAO,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAIrC,MAAM,MAAM,yBAAyB,GAAG,WAAW,CAAC;AAEpD,MAAM,WAAW,mBACb,SACI,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,YAAY,GAAG,YAAY,GAAG,QAAQ,GAAG,MAAM,CAAC,EAC7E,cAAc,CAAC,qBAAqB,CAAC;IACzC,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC;IACxC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,GAAG,EAAE,eAAe,CAAC;IACrB,WAAW,EAAE,yBAAyB,CAAC;CAC1C,CAAC,CAAC;AAIH,eAAO,MAAM,cAAc;WAPhB,mBAAmB;SACrB,eAAe;iBACP,yBAAyB;EAyBxC,CAAC"}
1
+ {"version":3,"file":"InputLabelInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputLabelInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,cAAc,EAAgC,KAAK,OAAO,EAAE,KAAK,YAAY,EAAC,MAAM,eAAe,CAAC;AACrH,OAAO,EAAkB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAItD,MAAM,MAAM,yBAAyB,GAAG,WAAW,CAAC;AAEpD,MAAM,WAAW,mBACb,SACI,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,YAAY,GAAG,YAAY,GAAG,QAAQ,GAAG,MAAM,CAAC,EAC7E,cAAc,CAAC,qBAAqB,CAAC;IACzC,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC;IACxC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,GAAG,EAAE,eAAe,CAAC;IACrB,WAAW,EAAE,yBAAyB,CAAC;CAC1C,CAAC,CAAC;AAIH,eAAO,MAAM,cAAc;WAPhB,mBAAmB;SACrB,eAAe;iBACP,yBAAyB;EA8BxC,CAAC"}
@@ -50,7 +50,10 @@ var InputLabelInfo = (0, _core.factory)(function(_props, ref) {
50
50
  className: className,
51
51
  style: style
52
52
  })), {
53
- ref: ref
53
+ ref: ref,
54
+ onClick: function onClick(e) {
55
+ return e.preventDefault();
56
+ }
54
57
  }))
55
58
  }));
56
59
  });
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Input/InputLabelInfo.tsx"],"sourcesContent":["import {factory, StylesApiProps, Tooltip, useProps, useStyles, type Factory, type TooltipProps} from '@mantine/core';\nimport {type ReactNode} from 'react';\nimport {InfoToken} from '../InfoToken/InfoToken.js';\nimport classes from './InputLabelInfo.module.css';\n\nexport type InputLabelInfoStylesNames = 'labelInfo';\n\nexport interface InputLabelInfoProps\n extends\n Omit<TooltipProps, 'label' | 'classNames' | 'attributes' | 'styles' | 'vars'>,\n StylesApiProps<InputLabelInfoFactory> {\n children: ReactNode;\n}\n\nexport type InputLabelInfoFactory = Factory<{\n props: InputLabelInfoProps;\n ref: HTMLSpanElement;\n stylesNames: InputLabelInfoStylesNames;\n}>;\n\nconst defaultProps = {} satisfies Partial<InputLabelInfoProps>;\n\nexport const InputLabelInfo = factory<InputLabelInfoFactory>((_props, ref) => {\n const props = useProps('InputLabelInfo', defaultProps, _props);\n const {classNames, className, style, styles, unstyled, vars, children, attributes, ...others} = props;\n const getStyles = useStyles<InputLabelInfoFactory>({\n name: 'InputLabelInfo',\n props,\n style,\n styles,\n unstyled,\n attributes,\n className,\n classes,\n classNames,\n vars,\n });\n return (\n <Tooltip label={children} {...others}>\n <InfoToken.Information component=\"span\" {...getStyles('labelInfo', {className, style})} ref={ref} />\n </Tooltip>\n );\n});\n"],"names":["InputLabelInfo","defaultProps","factory","_props","ref","props","useProps","classNames","className","style","styles","unstyled","vars","children","attributes","others","getStyles","useStyles","name","classes","Tooltip","label","InfoToken","Information","component"],"mappings":";;;;+BAsBaA;;;eAAAA;;;;;;;;oBAtBwF;yBAE7E;gFACJ;AAiBpB,IAAMC,eAAe,CAAC;AAEf,IAAMD,iBAAiBE,IAAAA,aAAO,EAAwB,SAACC,QAAQC;IAClE,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,kBAAkBL,cAAcE;IACvD,IAAOI,aAAyFF,MAAzFE,YAAYC,YAA6EH,MAA7EG,WAAWC,QAAkEJ,MAAlEI,OAAOC,SAA2DL,MAA3DK,QAAQC,WAAmDN,MAAnDM,UAAUC,OAAyCP,MAAzCO,MAAMC,WAAmCR,MAAnCQ,UAAUC,aAAyBT,MAAzBS,YAAeC,sCAAUV;;;;;;;;;;IAChG,IAAMW,YAAYC,IAAAA,eAAS,EAAwB;QAC/CC,MAAM;QACNb,OAAAA;QACAI,OAAAA;QACAC,QAAAA;QACAC,UAAAA;QACAG,YAAAA;QACAN,WAAAA;QACAW,SAAAA,gCAAO;QACPZ,YAAAA;QACAK,MAAAA;IACJ;IACA,qBACI,qBAACQ,aAAO;QAACC,OAAOR;OAAcE;kBAC1B,cAAA,qBAACO,oBAAS,CAACC,WAAW;YAACC,WAAU;WAAWR,UAAU,aAAa;YAACR,WAAAA;YAAWC,OAAAA;QAAK;YAAIL,KAAKA;;;AAGzG"}
1
+ {"version":3,"sources":["../../../../src/components/Input/InputLabelInfo.tsx"],"sourcesContent":["import {factory, StylesApiProps, Tooltip, useProps, useStyles, type Factory, type TooltipProps} from '@mantine/core';\nimport {type MouseEvent, type ReactNode} from 'react';\nimport {InfoToken} from '../InfoToken/InfoToken.js';\nimport classes from './InputLabelInfo.module.css';\n\nexport type InputLabelInfoStylesNames = 'labelInfo';\n\nexport interface InputLabelInfoProps\n extends\n Omit<TooltipProps, 'label' | 'classNames' | 'attributes' | 'styles' | 'vars'>,\n StylesApiProps<InputLabelInfoFactory> {\n children: ReactNode;\n}\n\nexport type InputLabelInfoFactory = Factory<{\n props: InputLabelInfoProps;\n ref: HTMLSpanElement;\n stylesNames: InputLabelInfoStylesNames;\n}>;\n\nconst defaultProps = {} satisfies Partial<InputLabelInfoProps>;\n\nexport const InputLabelInfo = factory<InputLabelInfoFactory>((_props, ref) => {\n const props = useProps('InputLabelInfo', defaultProps, _props);\n const {classNames, className, style, styles, unstyled, vars, children, attributes, ...others} = props;\n const getStyles = useStyles<InputLabelInfoFactory>({\n name: 'InputLabelInfo',\n props,\n style,\n styles,\n unstyled,\n attributes,\n className,\n classes,\n classNames,\n vars,\n });\n return (\n <Tooltip label={children} {...others}>\n <InfoToken.Information\n component=\"span\"\n {...getStyles('labelInfo', {className, style})}\n ref={ref}\n onClick={(e: MouseEvent) => e.preventDefault()}\n />\n </Tooltip>\n );\n});\n"],"names":["InputLabelInfo","defaultProps","factory","_props","ref","props","useProps","classNames","className","style","styles","unstyled","vars","children","attributes","others","getStyles","useStyles","name","classes","Tooltip","label","InfoToken","Information","component","onClick","e","preventDefault"],"mappings":";;;;+BAsBaA;;;eAAAA;;;;;;;;oBAtBwF;yBAE7E;gFACJ;AAiBpB,IAAMC,eAAe,CAAC;AAEf,IAAMD,iBAAiBE,IAAAA,aAAO,EAAwB,SAACC,QAAQC;IAClE,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,kBAAkBL,cAAcE;IACvD,IAAOI,aAAyFF,MAAzFE,YAAYC,YAA6EH,MAA7EG,WAAWC,QAAkEJ,MAAlEI,OAAOC,SAA2DL,MAA3DK,QAAQC,WAAmDN,MAAnDM,UAAUC,OAAyCP,MAAzCO,MAAMC,WAAmCR,MAAnCQ,UAAUC,aAAyBT,MAAzBS,YAAeC,sCAAUV;;;;;;;;;;IAChG,IAAMW,YAAYC,IAAAA,eAAS,EAAwB;QAC/CC,MAAM;QACNb,OAAAA;QACAI,OAAAA;QACAC,QAAAA;QACAC,UAAAA;QACAG,YAAAA;QACAN,WAAAA;QACAW,SAAAA,gCAAO;QACPZ,YAAAA;QACAK,MAAAA;IACJ;IACA,qBACI,qBAACQ,aAAO;QAACC,OAAOR;OAAcE;kBAC1B,cAAA,qBAACO,oBAAS,CAACC,WAAW;YAClBC,WAAU;WACNR,UAAU,aAAa;YAACR,WAAAA;YAAWC,OAAAA;QAAK;YAC5CL,KAAKA;YACLqB,SAAS,SAATA,QAAUC;uBAAkBA,EAAEC,cAAc;;;;AAI5D"}
@@ -2,4 +2,5 @@
2
2
  position: relative; /* Required to make it work within a Switch label */
3
3
  margin-left: var(--mantine-spacing-xxs);
4
4
  vertical-align: text-bottom;
5
+ pointer-events: auto;
5
6
  }
@@ -1 +1 @@
1
- {"version":3,"file":"RadioCard.d.ts","sourceRoot":"","sources":["../../../../src/components/RadioCard/RadioCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,OAAO,EAEP,cAAc,IAAI,qBAAqB,EACvC,oBAAoB,IAAI,2BAA2B,EAEnD,qBAAqB,EACrB,cAAc,EAMjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,MAAM,MAAM,oBAAoB,GAAG,2BAA2B,GAAG,WAAW,GAAG,WAAW,GAAG,OAAO,GAAG,aAAa,CAAC;AACrH,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,cAAc,CAAC;IACtB,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,oBAAoB,CAAC;IAClC,IAAI,EAAE,qBAAqB,CAAC;CAC/B,CAAC,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,qBAAqB,GAC9C,cAAc,CAAC,gBAAgB,CAAC,GAAG;IAC/B;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAIN,eAAO,MAAM,SAAS;WA5BX,cAAc;SAChB,iBAAiB;iBACT,oBAAoB;UAC3B,qBAAqB;EA0D7B,CAAC"}
1
+ {"version":3,"file":"RadioCard.d.ts","sourceRoot":"","sources":["../../../../src/components/RadioCard/RadioCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,OAAO,EACP,cAAc,IAAI,qBAAqB,EACvC,oBAAoB,IAAI,2BAA2B,EAEnD,qBAAqB,EAErB,cAAc,EAKjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAIhC,MAAM,MAAM,oBAAoB,GAAG,2BAA2B,GAAG,WAAW,GAAG,WAAW,GAAG,OAAO,GAAG,aAAa,CAAC;AACrH,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,cAAc,CAAC;IACtB,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,oBAAoB,CAAC;IAClC,IAAI,EAAE,qBAAqB,CAAC;CAC/B,CAAC,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,qBAAqB,GAC9C,cAAc,CAAC,gBAAgB,CAAC,GAAG;IAC/B;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAIN,eAAO,MAAM,SAAS;WA5BX,cAAc;SAChB,iBAAiB;iBACT,oBAAoB;UAC3B,qBAAqB;EAwE7B,CAAC"}
@@ -15,9 +15,11 @@ var _object_without_properties = require("@swc/helpers/_/_object_without_propert
15
15
  var _jsxruntime = require("react/jsx-runtime");
16
16
  var _core = require("@mantine/core");
17
17
  var _RadioCardmodulecss = /*#__PURE__*/ _interop_require_default._(require("../../styles/RadioCard.module.css"));
18
+ var _Input = require("../Input/Input");
18
19
  var defaultProps = {};
19
20
  var RadioCard = (0, _core.factory)(function(_props, ref) {
20
- var _useProps = (0, _core.useProps)('RadioCard', defaultProps, _props), classNames = _useProps.classNames, styles = _useProps.styles, style = _useProps.style, className = _useProps.className, vars = _useProps.vars, disabled = _useProps.disabled, label = _useProps.label, description = _useProps.description, disabledTooltip = _useProps.disabledTooltip, others = _object_without_properties._(_useProps, [
21
+ var _useProps = (0, _core.useProps)('RadioCard', defaultProps, _props), children = _useProps.children, classNames = _useProps.classNames, styles = _useProps.styles, style = _useProps.style, className = _useProps.className, vars = _useProps.vars, disabled = _useProps.disabled, label = _useProps.label, description = _useProps.description, disabledTooltip = _useProps.disabledTooltip, others = _object_without_properties._(_useProps, [
22
+ "children",
21
23
  "classNames",
22
24
  "styles",
23
25
  "style",
@@ -52,33 +54,31 @@ var RadioCard = (0, _core.factory)(function(_props, ref) {
52
54
  styles: styles
53
55
  }), others), {
54
56
  children: [
55
- /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Group, _object_spread_props._(_object_spread._({}, getStyles('container', {
57
+ /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Radio.Indicator, _object_spread._({
58
+ disabled: disabled
59
+ }, getStyles('indicator', {
60
+ classNames: classNames,
61
+ styles: styles
62
+ }))),
63
+ /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Stack, _object_spread_props._(_object_spread._({}, getStyles('container', {
56
64
  classNames: classNames,
57
65
  styles: styles
58
66
  })), {
59
67
  children: [
60
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Radio.Indicator, _object_spread._({
61
- size: "xs",
62
- disabled: disabled
63
- }, getStyles('indicator', {
68
+ /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.Input.Label, _object_spread_props._(_object_spread._({}, getStyles('title', {
64
69
  classNames: classNames,
65
70
  styles: styles
66
- }))),
67
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Title, _object_spread_props._(_object_spread._({
68
- order: 4
69
- }, getStyles('title', {
71
+ })), {
72
+ children: label
73
+ })),
74
+ description && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.Input.Description, _object_spread_props._(_object_spread._({}, getStyles('description', {
70
75
  classNames: classNames,
71
76
  styles: styles
72
77
  })), {
73
- children: label
74
- }))
78
+ children: description
79
+ })),
80
+ children
75
81
  ]
76
- })),
77
- description && /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, _object_spread_props._(_object_spread._({}, getStyles('description', {
78
- classNames: classNames,
79
- styles: styles
80
- })), {
81
- children: description
82
82
  }))
83
83
  ]
84
84
  }))
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/RadioCard/RadioCard.tsx"],"sourcesContent":["import {\n Box,\n Factory,\n Group,\n RadioCardProps as MantineRadioCardProps,\n RadioCardStylesNames as MantineRadioCardStylesNames,\n Radio,\n RadioCardCssVariables,\n StylesApiProps,\n Title,\n Tooltip,\n factory,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport classes from '../../styles/RadioCard.module.css';\n\nexport type RadioCardStylesNames = MantineRadioCardStylesNames | 'container' | 'indicator' | 'title' | 'description';\nexport type RadioCardFactory = Factory<{\n props: RadioCardProps;\n ref: HTMLButtonElement;\n stylesNames: RadioCardStylesNames;\n vars: RadioCardCssVariables;\n}>;\n\nexport type RadioCardProps = MantineRadioCardProps &\n StylesApiProps<RadioCardFactory> & {\n /**\n * The label of the card. Appears next to the radio indicator.\n */\n label: ReactNode;\n /**\n * The description of the card. Appears under the title.\n */\n description?: ReactNode;\n /**\n * If true, the radio card will be displayed in a read-only state.\n */\n readOnly?: boolean;\n /**\n * The tooltip message to display when disabled\n */\n disabledTooltip?: string;\n };\n\nconst defaultProps: Partial<RadioCardProps> = {};\n\nexport const RadioCard = factory<RadioCardFactory>((_props, ref) => {\n const {classNames, styles, style, className, vars, disabled, label, description, disabledTooltip, ...others} =\n useProps('RadioCard', defaultProps, _props);\n const getStyles = useStyles<RadioCardFactory>({\n name: 'RadioCard',\n classes,\n vars,\n classNames,\n className,\n style,\n props: _props,\n styles,\n });\n\n return (\n <Tooltip label={disabledTooltip} disabled={!disabled || !disabledTooltip}>\n <Radio.Card\n ref={ref}\n disabled={disabled}\n readOnly={_props.readOnly}\n {...getStyles('card', {className, style, classNames, styles})}\n {...others}\n >\n <Group {...getStyles('container', {classNames, styles})}>\n <Radio.Indicator size=\"xs\" disabled={disabled} {...getStyles('indicator', {classNames, styles})} />\n <Title order={4} {...getStyles('title', {classNames, styles})}>\n {label}\n </Title>\n </Group>\n {description && <Box {...getStyles('description', {classNames, styles})}>{description}</Box>}\n </Radio.Card>\n </Tooltip>\n );\n});\nRadioCard.displayName = 'RadioCard';\n"],"names":["RadioCard","defaultProps","factory","_props","ref","useProps","classNames","styles","style","className","vars","disabled","label","description","disabledTooltip","others","getStyles","useStyles","name","classes","props","Tooltip","Radio","Card","readOnly","Group","Indicator","size","Title","order","Box","displayName"],"mappings":";;;;+BAgDaA;;;eAAAA;;;;;;;;oBAlCN;2EAEa;AA8BpB,IAAMC,eAAwC,CAAC;AAExC,IAAMD,YAAYE,IAAAA,aAAO,EAAmB,SAACC,QAAQC;IACxD,IACIC,YAAAA,IAAAA,cAAQ,EAAC,aAAaJ,cAAcE,SADjCG,aACHD,UADGC,YAAYC,SACfF,UADeE,QAAQC,QACvBH,UADuBG,OAAOC,YAC9BJ,UAD8BI,WAAWC,OACzCL,UADyCK,MAAMC,WAC/CN,UAD+CM,UAAUC,QACzDP,UADyDO,OAAOC,cAChER,UADgEQ,aAAaC,kBAC7ET,UAD6ES,iBAAoBC,sCACjGV;;;;;;;;;;;IACJ,IAAMW,YAAYC,IAAAA,eAAS,EAAmB;QAC1CC,MAAM;QACNC,SAAAA,2BAAO;QACPT,MAAAA;QACAJ,YAAAA;QACAG,WAAAA;QACAD,OAAAA;QACAY,OAAOjB;QACPI,QAAAA;IACJ;IAEA,qBACI,qBAACc,aAAO;QAACT,OAAOE;QAAiBH,UAAU,CAACA,YAAY,CAACG;kBACrD,cAAA,sBAACQ,WAAK,CAACC,IAAI;YACPnB,KAAKA;YACLO,UAAUA;YACVa,UAAUrB,OAAOqB,QAAQ;WACrBR,UAAU,QAAQ;YAACP,WAAAA;YAAWD,OAAAA;YAAOF,YAAAA;YAAYC,QAAAA;QAAM,IACvDQ;;8BAEJ,sBAACU,WAAK,8CAAKT,UAAU,aAAa;oBAACV,YAAAA;oBAAYC,QAAAA;gBAAM;;sCACjD,qBAACe,WAAK,CAACI,SAAS;4BAACC,MAAK;4BAAKhB,UAAUA;2BAAcK,UAAU,aAAa;4BAACV,YAAAA;4BAAYC,QAAAA;wBAAM;sCAC7F,qBAACqB,WAAK;4BAACC,OAAO;2BAAOb,UAAU,SAAS;4BAACV,YAAAA;4BAAYC,QAAAA;wBAAM;sCACtDK;;;;gBAGRC,6BAAe,qBAACiB,SAAG,8CAAKd,UAAU,eAAe;oBAACV,YAAAA;oBAAYC,QAAAA;gBAAM;8BAAKM;;;;;AAI1F;AACAb,UAAU+B,WAAW,GAAG"}
1
+ {"version":3,"sources":["../../../../src/components/RadioCard/RadioCard.tsx"],"sourcesContent":["import {\n Factory,\n RadioCardProps as MantineRadioCardProps,\n RadioCardStylesNames as MantineRadioCardStylesNames,\n Radio,\n RadioCardCssVariables,\n Stack,\n StylesApiProps,\n Tooltip,\n factory,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport classes from '../../styles/RadioCard.module.css';\nimport {Input} from '../Input/Input';\n\nexport type RadioCardStylesNames = MantineRadioCardStylesNames | 'container' | 'indicator' | 'title' | 'description';\nexport type RadioCardFactory = Factory<{\n props: RadioCardProps;\n ref: HTMLButtonElement;\n stylesNames: RadioCardStylesNames;\n vars: RadioCardCssVariables;\n}>;\n\nexport type RadioCardProps = MantineRadioCardProps &\n StylesApiProps<RadioCardFactory> & {\n /**\n * The label of the card. Appears next to the radio indicator.\n */\n label: ReactNode;\n /**\n * The description of the card. Appears under the title.\n */\n description?: ReactNode;\n /**\n * If true, the radio card will be displayed in a read-only state.\n */\n readOnly?: boolean;\n /**\n * The tooltip message to display when disabled\n */\n disabledTooltip?: string;\n };\n\nconst defaultProps: Partial<RadioCardProps> = {};\n\nexport const RadioCard = factory<RadioCardFactory>((_props, ref) => {\n const {\n children,\n classNames,\n styles,\n style,\n className,\n vars,\n disabled,\n label,\n description,\n disabledTooltip,\n ...others\n } = useProps('RadioCard', defaultProps, _props);\n const getStyles = useStyles<RadioCardFactory>({\n name: 'RadioCard',\n classes,\n vars,\n classNames,\n className,\n style,\n props: _props,\n styles,\n });\n\n return (\n <Tooltip label={disabledTooltip} disabled={!disabled || !disabledTooltip}>\n <Radio.Card\n ref={ref}\n disabled={disabled}\n readOnly={_props.readOnly}\n {...getStyles('card', {className, style, classNames, styles})}\n {...others}\n >\n <Radio.Indicator disabled={disabled} {...getStyles('indicator', {classNames, styles})} />\n <Stack {...getStyles('container', {classNames, styles})}>\n <Input.Label {...getStyles('title', {classNames, styles})}>{label}</Input.Label>\n {description && (\n <Input.Description {...getStyles('description', {classNames, styles})}>\n {description}\n </Input.Description>\n )}\n {children}\n </Stack>\n </Radio.Card>\n </Tooltip>\n );\n});\nRadioCard.displayName = 'RadioCard';\n"],"names":["RadioCard","defaultProps","factory","_props","ref","useProps","children","classNames","styles","style","className","vars","disabled","label","description","disabledTooltip","others","getStyles","useStyles","name","classes","props","Tooltip","Radio","Card","readOnly","Indicator","Stack","Input","Label","Description","displayName"],"mappings":";;;;+BA+CaA;;;eAAAA;;;;;;;;oBAnCN;2EAEa;qBACA;AA8BpB,IAAMC,eAAwC,CAAC;AAExC,IAAMD,YAAYE,IAAAA,aAAO,EAAmB,SAACC,QAAQC;IACxD,IAYIC,YAAAA,IAAAA,cAAQ,EAAC,aAAaJ,cAAcE,SAXpCG,WAWAD,UAXAC,UACAC,aAUAF,UAVAE,YACAC,SASAH,UATAG,QACAC,QAQAJ,UARAI,OACAC,YAOAL,UAPAK,WACAC,OAMAN,UANAM,MACAC,WAKAP,UALAO,UACAC,QAIAR,UAJAQ,OACAC,cAGAT,UAHAS,aACAC,kBAEAV,UAFAU,iBACGC,sCACHX;;;;;;;;;;;;IACJ,IAAMY,YAAYC,IAAAA,eAAS,EAAmB;QAC1CC,MAAM;QACNC,SAAAA,2BAAO;QACPT,MAAAA;QACAJ,YAAAA;QACAG,WAAAA;QACAD,OAAAA;QACAY,OAAOlB;QACPK,QAAAA;IACJ;IAEA,qBACI,qBAACc,aAAO;QAACT,OAAOE;QAAiBH,UAAU,CAACA,YAAY,CAACG;kBACrD,cAAA,sBAACQ,WAAK,CAACC,IAAI;YACPpB,KAAKA;YACLQ,UAAUA;YACVa,UAAUtB,OAAOsB,QAAQ;WACrBR,UAAU,QAAQ;YAACP,WAAAA;YAAWD,OAAAA;YAAOF,YAAAA;YAAYC,QAAAA;QAAM,IACvDQ;;8BAEJ,qBAACO,WAAK,CAACG,SAAS;oBAACd,UAAUA;mBAAcK,UAAU,aAAa;oBAACV,YAAAA;oBAAYC,QAAAA;gBAAM;8BACnF,sBAACmB,WAAK,8CAAKV,UAAU,aAAa;oBAACV,YAAAA;oBAAYC,QAAAA;gBAAM;;sCACjD,qBAACoB,YAAK,CAACC,KAAK,8CAAKZ,UAAU,SAAS;4BAACV,YAAAA;4BAAYC,QAAAA;wBAAM;sCAAKK;;wBAC3DC,6BACG,qBAACc,YAAK,CAACE,WAAW,8CAAKb,UAAU,eAAe;4BAACV,YAAAA;4BAAYC,QAAAA;wBAAM;sCAC9DM;;wBAGRR;;;;;;AAKrB;AACAN,UAAU+B,WAAW,GAAG"}
@@ -1,5 +1,28 @@
1
1
  .root {
2
+ --ai-size-sm: 16px;
3
+ --ai-size-md: 24px;
2
4
  --ai-size-lg: 36px;
5
+ --ai-icon-size: 20px;
6
+
7
+ svg {
8
+ width: var(--ai-icon-size);
9
+ height: var(--ai-icon-size);
10
+ }
11
+
12
+ &[data-size='sm'] {
13
+ --ai-radius: var(--mantine-radius-sm);
14
+ --ai-icon-size: 12px;
15
+ }
16
+
17
+ &[data-size='md'] {
18
+ --ai-radius: var(--mantine-radius-sm);
19
+ --ai-icon-size: 16px;
20
+ }
21
+
22
+ &[data-size='lg'] {
23
+ --ai-radius: var(--mantine-radius-md);
24
+ --ai-icon-size: 20px;
25
+ }
3
26
 
4
27
  &[data-variant='subtle'] {
5
28
  &:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
@@ -0,0 +1,15 @@
1
+ .root {
2
+ &[data-size='sm'] {
3
+ & svg {
4
+ width: 12px;
5
+ height: 12px;
6
+ }
7
+ }
8
+
9
+ &[data-size='md'] {
10
+ & svg {
11
+ width: 16px;
12
+ height: 16px;
13
+ }
14
+ }
15
+ }
@@ -1,4 +1,17 @@
1
1
  .root {
2
+ padding: 0 var(--mantine-spacing-xs);
2
3
  color: var(--mantine-color-text);
3
4
  background-color: var(--mantine-color-gray-light);
5
+
6
+ &[data-with-remove] {
7
+ padding: 0 var(--mantine-spacing-xxs) 0 var(--mantine-spacing-xs);
8
+
9
+ &[data-size='md'] {
10
+ padding: 0 2px 0 var(--mantine-spacing-xs);
11
+ }
12
+ }
13
+ }
14
+
15
+ .remove {
16
+ padding: 0;
4
17
  }
@@ -5,24 +5,30 @@
5
5
  }
6
6
 
7
7
  .card {
8
- display: inline-flex;
9
- flex-direction: column;
8
+ --radio-card-outline-color: var(--mantine-color-default-border);
9
+
10
+ display: flex;
11
+ flex-flow: row nowrap;
10
12
  align-items: flex-start;
13
+ gap: var(--mantine-spacing-sm);
11
14
  padding: var(--mantine-spacing-sm);
12
15
  border-radius: var(--mantine-radius-lg);
16
+ border-color: var(--radio-card-outline-color);
17
+ transition: border-color 150ms ease;
13
18
 
14
19
  &[data-checked] {
15
- border-color: var(--mantine-primary-color-filled);
20
+ --radio-card-outline-color: var(--mantine-primary-color-filled);
21
+ }
22
+
23
+ &[disabled],
24
+ &[readonly] {
25
+ --radio-card-outline-color: var(--mantine-color-default-border);
16
26
  }
17
27
 
18
28
  &[disabled] {
19
29
  cursor: not-allowed;
20
- border-color: var(--mantine-color-default-border);
21
-
22
- .title {
23
- color: var(--mantine-color-disabled-color);
24
- }
25
30
 
31
+ .title,
26
32
  .description {
27
33
  color: var(--mantine-color-disabled-color);
28
34
  }
@@ -30,44 +36,39 @@
30
36
 
31
37
  &[readonly] {
32
38
  pointer-events: none;
33
- border-color: var(--mantine-color-default-border);
34
39
 
35
- & .indicator {
36
- border-color: var(--mantine-color-default-border);
40
+ .indicator[data-checked] {
41
+ background-color: var(--mantine-color-default);
42
+ color: var(--coveo-color-text-readonly);
37
43
 
38
- &[data-checked] {
39
- background-color: var(--coveo-color-bg-readonly);
40
- color: var(--coveo-color-text-readonly);
41
-
42
- & > svg {
43
- color: var(--coveo-color-text-readonly);
44
- }
44
+ & > svg {
45
+ color: inherit;
45
46
  }
46
47
  }
47
48
  }
48
49
  }
49
50
 
50
51
  .container {
51
- flex-wrap: nowrap;
52
- gap: var(--mantine-spacing-sm);
53
- align-items: baseline;
54
- justify-content: flex-start;
55
- width: 100%;
56
- margin-bottom: var(--mantine-spacing-xs);
52
+ gap: var(--mantine-spacing-xs);
57
53
  }
58
54
 
59
55
  .title {
60
- flex: 1;
61
- word-break: break-word;
56
+ line-height: 20px;
62
57
  }
63
58
 
59
+ .title,
64
60
  .description {
65
- padding-left: var(--mantine-spacing-lg);
66
- color: var(--mantine-color-dimmed);
67
- font-weight: 400;
68
- font-size: var(--mantine-font-size-xs);
61
+ flex: 1;
62
+ overflow-wrap: anywhere;
69
63
  }
70
64
 
71
65
  .indicator {
72
66
  cursor: pointer;
67
+ transition: border-color 150ms ease;
68
+
69
+ &,
70
+ &[data-disabled],
71
+ &[data-checked] {
72
+ border-color: var(--radio-card-outline-color);
73
+ }
73
74
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAYA,OAAO,EAuBH,oBAAoB,EAuBvB,MAAM,eAAe,CAAC;AA+DvB,eAAO,MAAM,WAAW,EAAE,oBA0bxB,CAAC"}
1
+ {"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAYA,OAAO,EAuBH,oBAAoB,EAuBvB,MAAM,eAAe,CAAC;AAgEvB,eAAO,MAAM,WAAW,EAAE,oBA2bxB,CAAC"}
@@ -32,6 +32,7 @@ var _Cardmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles
32
32
  var _Checkboxmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Checkbox.module.css"));
33
33
  var _CheckboxIndicatormodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/CheckboxIndicator.module.css"));
34
34
  var _Chipmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Chip.module.css"));
35
+ var _CloseButtonmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/CloseButton.module.css"));
35
36
  var _Comboboxmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Combobox.module.css"));
36
37
  var _DatePickermodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/DatePicker.module.css"));
37
38
  var _DateTimePickermodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/DateTimePicker.module.css"));
@@ -157,7 +158,7 @@ var plasmaTheme = (0, _core.createTheme)({
157
158
  }),
158
159
  ActionIcon: _core.ActionIcon.extend({
159
160
  defaultProps: {
160
- size: 'lg'
161
+ size: 'md'
161
162
  },
162
163
  classNames: _ActionIconmodulecss.default
163
164
  }),
@@ -261,7 +262,8 @@ var plasmaTheme = (0, _core.createTheme)({
261
262
  height: 16,
262
263
  "aria-label": "close"
263
264
  })
264
- }
265
+ },
266
+ classNames: _CloseButtonmodulecss.default
265
267
  }),
266
268
  ColorSwatch: _core.ColorSwatch.extend({
267
269
  defaultProps: {
@@ -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 ComboboxChevron,\n ComboboxSearch,\n createTheme,\n deepMerge,\n Divider,\n Image,\n Input,\n InputWrapper,\n List,\n Loader,\n MantineThemeOverride,\n Modal,\n MultiSelect,\n NavLink,\n Notification,\n NumberInput,\n Pagination,\n Paper,\n PasswordInput,\n Pill,\n Popover,\n Radio,\n ScrollArea,\n SegmentedControl,\n Select,\n Skeleton,\n Slider,\n Stepper,\n Switch,\n Table,\n Tabs,\n Text,\n Tooltip,\n} from '@mantine/core';\nimport {\n DateInput,\n DatePicker,\n DateTimePicker,\n MonthPicker,\n PickerInputBase,\n TimeInput,\n TimePicker,\n YearPicker,\n} from '@mantine/dates';\nimport {Accordion} from '../components/Accordion/Accordion.js';\nimport {CheckboxIcon} from '../components/CheckboxIcon/CheckboxIcon.js';\nimport {CircleLoader} from '../components/CircleLoader/CircleLoader.js';\nimport {InfoToken} from '../components/InfoToken/InfoToken.js';\nimport {PlasmaComboboxChevron} from '../components/Combobox/PlasmaComboboxChevron.js';\nimport AccordionClasses from '../styles/Accordion.module.css';\nimport ActionIconClasses from '../styles/ActionIcon.module.css';\nimport AlertClasses from '../styles/Alert.module.css';\nimport AppShellClasses from '../styles/AppShell.module.css';\nimport BadgeClasses from '../styles/Badge.module.css';\nimport BreadcrumbsClasses from '../styles/Breadcrumbs.module.css';\nimport ButtonClasses from '../styles/Button.module.css';\nimport CardClasses from '../styles/Card.module.css';\nimport CheckboxClasses from '../styles/Checkbox.module.css';\nimport CheckboxIndicatorClasses from '../styles/CheckboxIndicator.module.css';\nimport ChipClasses from '../styles/Chip.module.css';\nimport ComboboxClasses from '../styles/Combobox.module.css';\nimport DatePickerClasses from '../styles/DatePicker.module.css';\nimport DateTimePickerClasses from '../styles/DateTimePicker.module.css';\nimport InputClasses from '../styles/Input.module.css';\nimport InputWrapperClasses from '../styles/InputWrapper.module.css';\nimport ListClasses from '../styles/List.module.css';\nimport ModalClasses from '../styles/Modal.module.css';\nimport MonthPickerClasses from '../styles/MonthPicker.module.css';\nimport NavLinkClasses from '../styles/NavLink.module.css';\nimport NotificationClasses from '../styles/Notifications.module.css';\nimport NumberInputClasses from '../styles/NumberInput.module.css';\nimport PaginationClasses from '../styles/Pagination.module.css';\nimport PaperClasses from '../styles/Paper.module.css';\nimport PillClasses from '../styles/Pill.module.css';\nimport PopoverClasses from '../styles/Popover.module.css';\nimport RadioClasses from '../styles/Radio.module.css';\nimport RadioCardClasses from '../styles/RadioCard.module.css';\nimport ReadOnlyInputClasses from '../styles/ReadOnlyInput.module.css';\nimport ReadOnlyStateClasses from '../styles/ReadOnlyState.module.css';\nimport ScrollAreaClasses from '../styles/ScrollArea.module.css';\nimport SegmentedControlClasses from '../styles/SegmentedControl.module.css';\nimport SelectClasses from '../styles/Select.module.css';\nimport SkeletonClasses from '../styles/Skeleton.module.css';\nimport SliderClasses from '../styles/Slider.module.css';\nimport StepperClasses from '../styles/Stepper.module.css';\nimport TableClasses from '../styles/Table.module.css';\nimport TabsClasses from '../styles/Tabs.module.css';\nimport TextClasses from '../styles/Text.module.css';\nimport TimePickerClasses from '../styles/TimePicker.module.css';\nimport TooltipClasses from '../styles/Tooltip.module.css';\nimport YearPickerClasses from '../styles/YearPicker.module.css';\nimport {PlasmaColors} from './PlasmaColors.js';\n\nimport placeholderSvg from '../images/placeholder.svg';\nimport {plasmaVariantColorResolver} from './plasmaVariantColorResolver.js';\n\nexport const plasmaTheme: MantineThemeOverride = createTheme({\n variantColorResolver: plasmaVariantColorResolver,\n // These are overrides over https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/core/src/core/MantineProvider/default-theme.ts\n fontFamily: 'canada-type-gibson, sans-serif',\n black: color.primary.gray[9],\n defaultRadius: 'md',\n lineHeights: {\n xxs: '1.2',\n xs: '1.16',\n sm: '1.14',\n md: '1.14',\n lg: '1.11',\n xl: '1.2',\n },\n spacing: {\n xxs: '4px',\n xs: '8px',\n sm: '16px',\n md: '24px',\n lg: '32px',\n xl: '40px',\n },\n radius: {\n none: '0px',\n xs: '2px',\n sm: '4px',\n md: '8px',\n lg: '16px',\n xl: '24px',\n xxl: '32px',\n },\n primaryColor: 'blue',\n headings: {\n fontFamily: 'canada-type-gibson, sans-serif',\n fontWeight: 'var(--coveo-fw-bold)',\n sizes: {\n h1: {fontSize: '40px', lineHeight: '1.2', fontWeight: 'var(--coveo-fw-bold)'},\n h2: {fontSize: '32px', lineHeight: '1.35', fontWeight: 'var(--coveo-fw-normal)'},\n h3: {fontSize: '24px', lineHeight: '1.33', fontWeight: 'var(--coveo-fw-bold)'},\n h4: {fontSize: '18px', lineHeight: '1.2', fontWeight: 'var(--coveo-fw-bold)'},\n h5: {fontSize: '16px', lineHeight: '1.25', fontWeight: 'var(--coveo-fw-bold)'},\n h6: {fontSize: '12px', lineHeight: '1.33', fontWeight: 'var(--coveo-fw-bold)'},\n },\n },\n fontSizes: {\n xxs: '10px',\n xs: '12px',\n sm: '14px',\n md: '16px',\n lg: '18px',\n xl: '20px',\n },\n shadows: {\n xs: '0px 1px 2px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05), 0px -0.5px 1px 0px rgba(0, 0, 0, 0.02)',\n sm: '0px 7px 7px -5px rgba(0, 0, 0, 0.04), 0px 10px 15px -5px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n md: '0px 10px 10px -5px rgba(0, 0, 0, 0.04), 0px 20px 25px -5px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n lg: '0px 12px 12px -7px rgba(0, 0, 0, 0.04), 0px 28px 23px -7px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n xl: '0px 17px 17px -7px rgba(0, 0, 0, 0.04), 0px 36px 28px -7px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n },\n primaryShade: 5,\n colors: PlasmaColors,\n components: {\n Accordion: Accordion.extend({\n classNames: AccordionClasses,\n }),\n ActionIcon: ActionIcon.extend({\n defaultProps: {\n size: 'lg',\n },\n classNames: ActionIconClasses,\n }),\n AppShell: AppShell.extend({\n classNames: AppShellClasses,\n defaultProps: {\n header: {height: 60},\n navbar: {width: 240, breakpoint: 0},\n layout: 'alt',\n withBorder: false,\n },\n vars: (theme) =>\n ({\n root: {'--app-shell-border-color': theme.colors.gray[2]},\n }) as any,\n }),\n Alert: Alert.extend({\n defaultProps: {\n icon: <InfoToken.Advice />,\n p: 'sm',\n },\n classNames: AlertClasses,\n }),\n Badge: Badge.extend({\n classNames: BadgeClasses,\n defaultProps: {\n variant: 'light',\n tt: 'none',\n },\n }),\n Breadcrumbs: Breadcrumbs.extend({\n classNames: BreadcrumbsClasses,\n defaultProps: {\n separator: <IconSlash size={20} color=\"var(--mantine-color-dimmed)\" />,\n separatorMargin: 'xxs',\n },\n }),\n Button: Button.extend({\n defaultProps: {\n size: 'sm',\n vars: (theme) => ({\n root: {\n '--button-padding-x': theme.spacing.sm,\n },\n }),\n },\n classNames: ButtonClasses,\n }),\n Card: Card.extend({\n defaultProps: {\n radius: 'lg',\n shadow: 'xs',\n padding: 'sm',\n withBorder: true,\n },\n classNames: CardClasses,\n }),\n Checkbox: Checkbox.extend({\n defaultProps: {\n radius: 'sm',\n icon: CheckboxIcon,\n },\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return deepMerge(CheckboxClasses, ReadOnlyStateClasses);\n }\n return CheckboxClasses;\n },\n }),\n CheckboxIndicator: Checkbox.Indicator.extend({\n defaultProps: {\n radius: 'sm',\n icon: CheckboxIcon,\n },\n classNames: CheckboxIndicatorClasses,\n }),\n Chip: Chip.extend({\n defaultProps: {\n icon: <IconCheck size={16} />,\n },\n classNames: ChipClasses,\n }),\n CloseButton: CloseButton.extend({\n defaultProps: {\n icon: <CrossSize16Px height={16} aria-label=\"close\" />,\n },\n }),\n ColorSwatch: ColorSwatch.extend({\n defaultProps: {\n size: 8,\n withShadow: false,\n },\n }),\n Combobox: Combobox.extend({\n classNames: ComboboxClasses,\n defaultProps: {\n middlewares: {inline: true},\n },\n }),\n ComboboxChevron: ComboboxChevron.extend({\n defaultProps: {\n component: PlasmaComboboxChevron,\n },\n }),\n ComboboxSearch: ComboboxSearch.extend({\n defaultProps: {\n placeholder: 'Search',\n rightSection: <FilterSize16Px height={16} color=\"gray.5\" />,\n },\n }),\n DateInput: DateInput.extend({\n defaultProps: {\n miw: 250,\n leftSection: <IconCalendarWeek size={16} />,\n },\n }),\n DatePicker: DatePicker.extend({\n defaultProps: {\n firstDayOfWeek: 0,\n },\n classNames: DatePickerClasses,\n }),\n DateTimePicker: DateTimePicker.extend({\n classNames: DateTimePickerClasses,\n }),\n Divider: Divider.extend({\n defaultProps: {\n color: 'var(--mantine-color-default-border)',\n },\n }),\n Image: Image.extend({\n defaultProps: {\n fallbackSrc: placeholderSvg,\n },\n }),\n Input: Input.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: (_theme, props) => {\n const anyProps = props as any;\n if (anyProps.readOnly && !props.disabled && !['Select'].includes(anyProps.__staticSelector)) {\n return deepMerge(InputClasses, ReadOnlyInputClasses);\n }\n return InputClasses;\n },\n }),\n InputWrapper: InputWrapper.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: InputWrapperClasses,\n vars: (theme, props) => {\n const anyProps = props as any;\n if (anyProps.disabled || (anyProps.readOnly && !['Select'].includes(anyProps.__staticSelector))) {\n return {\n root: {\n '--input-margin-top': props?.label || props?.description ? theme.spacing.xxs : undefined,\n },\n label: {'--input-asterisk-color': theme.colors.red[2]},\n error: {},\n description: {},\n };\n }\n return {\n root: {'--input-margin-top': props?.label || props?.description ? theme.spacing.xxs : undefined},\n label: {},\n error: {},\n description: {},\n };\n },\n }),\n PasswordInput: PasswordInput.extend({\n vars: () => ({\n root: {\n '--psi-button-size': 'var(--mantine-spacing-lg)',\n },\n }),\n }),\n Loader: Loader.extend({\n defaultProps: {\n loaders: {...Loader.defaultLoaders, circle: CircleLoader},\n type: 'circle',\n role: 'presentation',\n },\n }),\n List: List.extend({\n classNames: ListClasses,\n }),\n Modal: Modal.extend({\n classNames: ModalClasses,\n vars: () => {\n const sizes = {\n '--modal-size-xs': '432px',\n '--modal-size-sm': '664px',\n '--modal-size-md': '896px',\n '--modal-size-lg': '1120px',\n '--modal-size-xl': '88%',\n } as any;\n return {\n root: {\n ...sizes,\n },\n };\n },\n }),\n ModalOverlay: Modal.Overlay.extend({\n defaultProps: {\n color: PlasmaColors.indigo[8],\n backgroundOpacity: 0.7,\n blur: 2,\n },\n }),\n ModalRoot: Modal.Root.extend({\n defaultProps: {\n padding: 'md',\n },\n }),\n MonthPicker: MonthPicker.extend({\n classNames: MonthPickerClasses,\n }),\n MultiSelect: MultiSelect.extend({defaultProps: {hidePickedOptions: true}}),\n NavLink: NavLink.extend({classNames: NavLinkClasses}),\n Notification: Notification.extend({\n classNames: NotificationClasses,\n defaultProps: {\n icon: <IconInfoCircleFilled height={20} />,\n },\n }),\n NumberInput: NumberInput.extend({\n classNames: NumberInputClasses,\n }),\n Pagination: Pagination.extend({\n classNames: PaginationClasses,\n defaultProps: {\n nextIcon: ArrowHeadRightSize16Px,\n previousIcon: ArrowHeadLeftSize16Px,\n },\n }),\n Paper: Paper.extend({\n classNames: PaperClasses,\n }),\n PickerInputBase: PickerInputBase.extend({\n defaultProps: {\n miw: 250,\n leftSection: <IconCalendarWeek size={16} />,\n },\n }),\n Pill: Pill.extend({\n classNames: PillClasses,\n }),\n Popover: Popover.extend({\n classNames: PopoverClasses,\n defaultProps: {\n middlewares: {inline: true},\n position: 'bottom-start',\n },\n }),\n Radio: Radio.extend({\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return deepMerge(RadioClasses, ReadOnlyStateClasses);\n }\n return RadioClasses;\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {\n '--radio-icon-color': theme.colors.gray[7],\n '--radio-color': theme.colors.gray[2],\n },\n };\n }\n return {root: {}};\n },\n }),\n RadioCard: Radio.Card.extend({\n classNames: RadioCardClasses,\n }),\n ScrollArea: ScrollArea.extend({\n classNames: ScrollAreaClasses,\n }),\n SegmentedControl: SegmentedControl.extend({\n classNames: SegmentedControlClasses,\n }),\n Select: Select.extend({\n defaultProps: {allowDeselect: false, withCheckIcon: false},\n classNames: SelectClasses,\n }),\n Skeleton: Skeleton.extend({\n classNames: SkeletonClasses,\n }),\n Slider: Slider.extend({\n defaultProps: {\n size: 'md',\n },\n classNames: SliderClasses,\n }),\n Stepper: Stepper.extend({\n defaultProps: {\n size: 'xs',\n completedIcon: <IconCheck size={16} />,\n },\n classNames: StepperClasses,\n }),\n Switch: Switch.extend({\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return ReadOnlyStateClasses;\n }\n return {};\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {},\n track: {\n '--switch-bg': theme.colors.gray[2],\n '--switch-bd': 'transparent',\n },\n thumb: {\n '--switch-thumb-bd': 'transparent',\n },\n };\n }\n return {root: {}, track: {}, thumb: {}};\n },\n defaultProps: {\n withThumbIndicator: false,\n },\n }),\n Table: Table.extend({\n classNames: TableClasses,\n vars: () => ({\n table: {\n '--table-border-color': 'var(--mantine-color-default-border)',\n },\n }),\n }),\n Tabs: Tabs.extend({\n classNames: TabsClasses,\n }),\n Text: Text.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: TextClasses,\n }),\n TimeInput: TimeInput.extend({\n defaultProps: {\n rightSection: <IconClock size={16} />,\n },\n }),\n TimePicker: TimePicker.extend({\n defaultProps: {\n withDropdown: true,\n format: '12h',\n },\n classNames: TimePickerClasses,\n }),\n Tooltip: Tooltip.extend({\n defaultProps: {\n maw: 280,\n multiline: true,\n withArrow: true,\n zIndex: 10000,\n },\n classNames: TooltipClasses,\n }),\n YearPicker: YearPicker.extend({\n classNames: YearPickerClasses,\n }),\n },\n});\n"],"names":["plasmaTheme","createTheme","variantColorResolver","plasmaVariantColorResolver","fontFamily","black","color","primary","gray","defaultRadius","lineHeights","xxs","xs","sm","md","lg","xl","spacing","radius","none","xxl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","h2","h3","h4","h5","h6","fontSizes","shadows","primaryShade","colors","PlasmaColors","components","Accordion","extend","classNames","AccordionClasses","ActionIcon","defaultProps","size","ActionIconClasses","AppShell","AppShellClasses","header","height","navbar","width","breakpoint","layout","withBorder","vars","theme","root","Alert","icon","InfoToken","Advice","p","AlertClasses","Badge","BadgeClasses","variant","tt","Breadcrumbs","BreadcrumbsClasses","separator","IconSlash","separatorMargin","Button","ButtonClasses","Card","shadow","padding","CardClasses","Checkbox","CheckboxIcon","props","readOnly","disabled","deepMerge","CheckboxClasses","ReadOnlyStateClasses","CheckboxIndicator","Indicator","CheckboxIndicatorClasses","Chip","IconCheck","ChipClasses","CloseButton","CrossSize16Px","aria-label","ColorSwatch","withShadow","Combobox","ComboboxClasses","middlewares","inline","ComboboxChevron","component","PlasmaComboboxChevron","ComboboxSearch","placeholder","rightSection","FilterSize16Px","DateInput","miw","leftSection","IconCalendarWeek","DatePicker","firstDayOfWeek","DatePickerClasses","DateTimePicker","DateTimePickerClasses","Divider","Image","fallbackSrc","placeholderSvg","Input","_theme","anyProps","includes","__staticSelector","InputClasses","ReadOnlyInputClasses","InputWrapper","InputWrapperClasses","label","description","undefined","red","error","PasswordInput","Loader","loaders","defaultLoaders","circle","CircleLoader","type","role","List","ListClasses","Modal","ModalClasses","ModalOverlay","Overlay","indigo","backgroundOpacity","blur","ModalRoot","Root","MonthPicker","MonthPickerClasses","MultiSelect","hidePickedOptions","NavLink","NavLinkClasses","Notification","NotificationClasses","IconInfoCircleFilled","NumberInput","NumberInputClasses","Pagination","PaginationClasses","nextIcon","ArrowHeadRightSize16Px","previousIcon","ArrowHeadLeftSize16Px","Paper","PaperClasses","PickerInputBase","Pill","PillClasses","Popover","PopoverClasses","position","Radio","RadioClasses","RadioCard","RadioCardClasses","ScrollArea","ScrollAreaClasses","SegmentedControl","SegmentedControlClasses","Select","allowDeselect","withCheckIcon","SelectClasses","Skeleton","SkeletonClasses","Slider","SliderClasses","Stepper","completedIcon","StepperClasses","Switch","track","thumb","withThumbIndicator","Table","TableClasses","table","Tabs","TabsClasses","Text","TextClasses","TimeInput","IconClock","TimePicker","withDropdown","format","TimePickerClasses","Tooltip","maw","multiline","withArrow","zIndex","TooltipClasses","YearPicker","YearPickerClasses"],"mappings":"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"}
1
+ {"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {\n ArrowHeadLeftSize16Px,\n ArrowHeadRightSize16Px,\n CrossSize16Px,\n FilterSize16Px,\n IconCalendarWeek,\n IconCheck,\n IconClock,\n IconInfoCircleFilled,\n IconSlash,\n} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {\n ActionIcon,\n Alert,\n AppShell,\n Badge,\n Breadcrumbs,\n Button,\n Card,\n Checkbox,\n Chip,\n CloseButton,\n ColorSwatch,\n Combobox,\n ComboboxChevron,\n ComboboxSearch,\n createTheme,\n deepMerge,\n Divider,\n Image,\n Input,\n InputWrapper,\n List,\n Loader,\n MantineThemeOverride,\n Modal,\n MultiSelect,\n NavLink,\n Notification,\n NumberInput,\n Pagination,\n Paper,\n PasswordInput,\n Pill,\n Popover,\n Radio,\n ScrollArea,\n SegmentedControl,\n Select,\n Skeleton,\n Slider,\n Stepper,\n Switch,\n Table,\n Tabs,\n Text,\n Tooltip,\n} from '@mantine/core';\nimport {\n DateInput,\n DatePicker,\n DateTimePicker,\n MonthPicker,\n PickerInputBase,\n TimeInput,\n TimePicker,\n YearPicker,\n} from '@mantine/dates';\nimport {Accordion} from '../components/Accordion/Accordion.js';\nimport {CheckboxIcon} from '../components/CheckboxIcon/CheckboxIcon.js';\nimport {CircleLoader} from '../components/CircleLoader/CircleLoader.js';\nimport {InfoToken} from '../components/InfoToken/InfoToken.js';\nimport {PlasmaComboboxChevron} from '../components/Combobox/PlasmaComboboxChevron.js';\nimport AccordionClasses from '../styles/Accordion.module.css';\nimport ActionIconClasses from '../styles/ActionIcon.module.css';\nimport AlertClasses from '../styles/Alert.module.css';\nimport AppShellClasses from '../styles/AppShell.module.css';\nimport BadgeClasses from '../styles/Badge.module.css';\nimport BreadcrumbsClasses from '../styles/Breadcrumbs.module.css';\nimport ButtonClasses from '../styles/Button.module.css';\nimport CardClasses from '../styles/Card.module.css';\nimport CheckboxClasses from '../styles/Checkbox.module.css';\nimport CheckboxIndicatorClasses from '../styles/CheckboxIndicator.module.css';\nimport ChipClasses from '../styles/Chip.module.css';\nimport CloseButtonClasses from '../styles/CloseButton.module.css';\nimport ComboboxClasses from '../styles/Combobox.module.css';\nimport DatePickerClasses from '../styles/DatePicker.module.css';\nimport DateTimePickerClasses from '../styles/DateTimePicker.module.css';\nimport InputClasses from '../styles/Input.module.css';\nimport InputWrapperClasses from '../styles/InputWrapper.module.css';\nimport ListClasses from '../styles/List.module.css';\nimport ModalClasses from '../styles/Modal.module.css';\nimport MonthPickerClasses from '../styles/MonthPicker.module.css';\nimport NavLinkClasses from '../styles/NavLink.module.css';\nimport NotificationClasses from '../styles/Notifications.module.css';\nimport NumberInputClasses from '../styles/NumberInput.module.css';\nimport PaginationClasses from '../styles/Pagination.module.css';\nimport PaperClasses from '../styles/Paper.module.css';\nimport PillClasses from '../styles/Pill.module.css';\nimport PopoverClasses from '../styles/Popover.module.css';\nimport RadioClasses from '../styles/Radio.module.css';\nimport RadioCardClasses from '../styles/RadioCard.module.css';\nimport ReadOnlyInputClasses from '../styles/ReadOnlyInput.module.css';\nimport ReadOnlyStateClasses from '../styles/ReadOnlyState.module.css';\nimport ScrollAreaClasses from '../styles/ScrollArea.module.css';\nimport SegmentedControlClasses from '../styles/SegmentedControl.module.css';\nimport SelectClasses from '../styles/Select.module.css';\nimport SkeletonClasses from '../styles/Skeleton.module.css';\nimport SliderClasses from '../styles/Slider.module.css';\nimport StepperClasses from '../styles/Stepper.module.css';\nimport TableClasses from '../styles/Table.module.css';\nimport TabsClasses from '../styles/Tabs.module.css';\nimport TextClasses from '../styles/Text.module.css';\nimport TimePickerClasses from '../styles/TimePicker.module.css';\nimport TooltipClasses from '../styles/Tooltip.module.css';\nimport YearPickerClasses from '../styles/YearPicker.module.css';\nimport {PlasmaColors} from './PlasmaColors.js';\n\nimport placeholderSvg from '../images/placeholder.svg';\nimport {plasmaVariantColorResolver} from './plasmaVariantColorResolver.js';\n\nexport const plasmaTheme: MantineThemeOverride = createTheme({\n variantColorResolver: plasmaVariantColorResolver,\n // These are overrides over https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/core/src/core/MantineProvider/default-theme.ts\n fontFamily: 'canada-type-gibson, sans-serif',\n black: color.primary.gray[9],\n defaultRadius: 'md',\n lineHeights: {\n xxs: '1.2',\n xs: '1.16',\n sm: '1.14',\n md: '1.14',\n lg: '1.11',\n xl: '1.2',\n },\n spacing: {\n xxs: '4px',\n xs: '8px',\n sm: '16px',\n md: '24px',\n lg: '32px',\n xl: '40px',\n },\n radius: {\n none: '0px',\n xs: '2px',\n sm: '4px',\n md: '8px',\n lg: '16px',\n xl: '24px',\n xxl: '32px',\n },\n primaryColor: 'blue',\n headings: {\n fontFamily: 'canada-type-gibson, sans-serif',\n fontWeight: 'var(--coveo-fw-bold)',\n sizes: {\n h1: {fontSize: '40px', lineHeight: '1.2', fontWeight: 'var(--coveo-fw-bold)'},\n h2: {fontSize: '32px', lineHeight: '1.35', fontWeight: 'var(--coveo-fw-normal)'},\n h3: {fontSize: '24px', lineHeight: '1.33', fontWeight: 'var(--coveo-fw-bold)'},\n h4: {fontSize: '18px', lineHeight: '1.2', fontWeight: 'var(--coveo-fw-bold)'},\n h5: {fontSize: '16px', lineHeight: '1.25', fontWeight: 'var(--coveo-fw-bold)'},\n h6: {fontSize: '12px', lineHeight: '1.33', fontWeight: 'var(--coveo-fw-bold)'},\n },\n },\n fontSizes: {\n xxs: '10px',\n xs: '12px',\n sm: '14px',\n md: '16px',\n lg: '18px',\n xl: '20px',\n },\n shadows: {\n xs: '0px 1px 2px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05), 0px -0.5px 1px 0px rgba(0, 0, 0, 0.02)',\n sm: '0px 7px 7px -5px rgba(0, 0, 0, 0.04), 0px 10px 15px -5px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n md: '0px 10px 10px -5px rgba(0, 0, 0, 0.04), 0px 20px 25px -5px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n lg: '0px 12px 12px -7px rgba(0, 0, 0, 0.04), 0px 28px 23px -7px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n xl: '0px 17px 17px -7px rgba(0, 0, 0, 0.04), 0px 36px 28px -7px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n },\n primaryShade: 5,\n colors: PlasmaColors,\n components: {\n Accordion: Accordion.extend({\n classNames: AccordionClasses,\n }),\n ActionIcon: ActionIcon.extend({\n defaultProps: {\n size: 'md',\n },\n classNames: ActionIconClasses,\n }),\n AppShell: AppShell.extend({\n classNames: AppShellClasses,\n defaultProps: {\n header: {height: 60},\n navbar: {width: 240, breakpoint: 0},\n layout: 'alt',\n withBorder: false,\n },\n vars: (theme) =>\n ({\n root: {'--app-shell-border-color': theme.colors.gray[2]},\n }) as any,\n }),\n Alert: Alert.extend({\n defaultProps: {\n icon: <InfoToken.Advice />,\n p: 'sm',\n },\n classNames: AlertClasses,\n }),\n Badge: Badge.extend({\n classNames: BadgeClasses,\n defaultProps: {\n variant: 'light',\n tt: 'none',\n },\n }),\n Breadcrumbs: Breadcrumbs.extend({\n classNames: BreadcrumbsClasses,\n defaultProps: {\n separator: <IconSlash size={20} color=\"var(--mantine-color-dimmed)\" />,\n separatorMargin: 'xxs',\n },\n }),\n Button: Button.extend({\n defaultProps: {\n size: 'sm',\n vars: (theme) => ({\n root: {\n '--button-padding-x': theme.spacing.sm,\n },\n }),\n },\n classNames: ButtonClasses,\n }),\n Card: Card.extend({\n defaultProps: {\n radius: 'lg',\n shadow: 'xs',\n padding: 'sm',\n withBorder: true,\n },\n classNames: CardClasses,\n }),\n Checkbox: Checkbox.extend({\n defaultProps: {\n radius: 'sm',\n icon: CheckboxIcon,\n },\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return deepMerge(CheckboxClasses, ReadOnlyStateClasses);\n }\n return CheckboxClasses;\n },\n }),\n CheckboxIndicator: Checkbox.Indicator.extend({\n defaultProps: {\n radius: 'sm',\n icon: CheckboxIcon,\n },\n classNames: CheckboxIndicatorClasses,\n }),\n Chip: Chip.extend({\n defaultProps: {\n icon: <IconCheck size={16} />,\n },\n classNames: ChipClasses,\n }),\n CloseButton: CloseButton.extend({\n defaultProps: {\n icon: <CrossSize16Px height={16} aria-label=\"close\" />,\n },\n classNames: CloseButtonClasses,\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 ComboboxChevron: ComboboxChevron.extend({\n defaultProps: {\n component: PlasmaComboboxChevron,\n },\n }),\n ComboboxSearch: ComboboxSearch.extend({\n defaultProps: {\n placeholder: 'Search',\n rightSection: <FilterSize16Px height={16} color=\"gray.5\" />,\n },\n }),\n DateInput: DateInput.extend({\n defaultProps: {\n miw: 250,\n leftSection: <IconCalendarWeek size={16} />,\n },\n }),\n DatePicker: DatePicker.extend({\n defaultProps: {\n firstDayOfWeek: 0,\n },\n classNames: DatePickerClasses,\n }),\n DateTimePicker: DateTimePicker.extend({\n classNames: DateTimePickerClasses,\n }),\n Divider: Divider.extend({\n defaultProps: {\n color: 'var(--mantine-color-default-border)',\n },\n }),\n Image: Image.extend({\n defaultProps: {\n fallbackSrc: placeholderSvg,\n },\n }),\n Input: Input.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: (_theme, props) => {\n const anyProps = props as any;\n if (anyProps.readOnly && !props.disabled && !['Select'].includes(anyProps.__staticSelector)) {\n return deepMerge(InputClasses, ReadOnlyInputClasses);\n }\n return InputClasses;\n },\n }),\n InputWrapper: InputWrapper.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: InputWrapperClasses,\n vars: (theme, props) => {\n const anyProps = props as any;\n if (anyProps.disabled || (anyProps.readOnly && !['Select'].includes(anyProps.__staticSelector))) {\n return {\n root: {\n '--input-margin-top': props?.label || props?.description ? theme.spacing.xxs : undefined,\n },\n label: {'--input-asterisk-color': theme.colors.red[2]},\n error: {},\n description: {},\n };\n }\n return {\n root: {'--input-margin-top': props?.label || props?.description ? theme.spacing.xxs : undefined},\n label: {},\n error: {},\n description: {},\n };\n },\n }),\n PasswordInput: PasswordInput.extend({\n vars: () => ({\n root: {\n '--psi-button-size': 'var(--mantine-spacing-lg)',\n },\n }),\n }),\n Loader: Loader.extend({\n defaultProps: {\n loaders: {...Loader.defaultLoaders, circle: CircleLoader},\n type: 'circle',\n role: 'presentation',\n },\n }),\n List: List.extend({\n classNames: ListClasses,\n }),\n Modal: Modal.extend({\n classNames: ModalClasses,\n vars: () => {\n const sizes = {\n '--modal-size-xs': '432px',\n '--modal-size-sm': '664px',\n '--modal-size-md': '896px',\n '--modal-size-lg': '1120px',\n '--modal-size-xl': '88%',\n } as any;\n return {\n root: {\n ...sizes,\n },\n };\n },\n }),\n ModalOverlay: Modal.Overlay.extend({\n defaultProps: {\n color: PlasmaColors.indigo[8],\n backgroundOpacity: 0.7,\n blur: 2,\n },\n }),\n ModalRoot: Modal.Root.extend({\n defaultProps: {\n padding: 'md',\n },\n }),\n MonthPicker: MonthPicker.extend({\n classNames: MonthPickerClasses,\n }),\n MultiSelect: MultiSelect.extend({defaultProps: {hidePickedOptions: true}}),\n NavLink: NavLink.extend({classNames: NavLinkClasses}),\n Notification: Notification.extend({\n classNames: NotificationClasses,\n defaultProps: {\n icon: <IconInfoCircleFilled height={20} />,\n },\n }),\n NumberInput: NumberInput.extend({\n classNames: NumberInputClasses,\n }),\n Pagination: Pagination.extend({\n classNames: PaginationClasses,\n defaultProps: {\n nextIcon: ArrowHeadRightSize16Px,\n previousIcon: ArrowHeadLeftSize16Px,\n },\n }),\n Paper: Paper.extend({\n classNames: PaperClasses,\n }),\n PickerInputBase: PickerInputBase.extend({\n defaultProps: {\n miw: 250,\n leftSection: <IconCalendarWeek size={16} />,\n },\n }),\n Pill: Pill.extend({\n classNames: PillClasses,\n }),\n Popover: Popover.extend({\n classNames: PopoverClasses,\n defaultProps: {\n middlewares: {inline: true},\n position: 'bottom-start',\n },\n }),\n Radio: Radio.extend({\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return deepMerge(RadioClasses, ReadOnlyStateClasses);\n }\n return RadioClasses;\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {\n '--radio-icon-color': theme.colors.gray[7],\n '--radio-color': theme.colors.gray[2],\n },\n };\n }\n return {root: {}};\n },\n }),\n RadioCard: Radio.Card.extend({\n classNames: RadioCardClasses,\n }),\n ScrollArea: ScrollArea.extend({\n classNames: ScrollAreaClasses,\n }),\n SegmentedControl: SegmentedControl.extend({\n classNames: SegmentedControlClasses,\n }),\n Select: Select.extend({\n defaultProps: {allowDeselect: false, withCheckIcon: false},\n classNames: SelectClasses,\n }),\n Skeleton: Skeleton.extend({\n classNames: SkeletonClasses,\n }),\n Slider: Slider.extend({\n defaultProps: {\n size: 'md',\n },\n classNames: SliderClasses,\n }),\n Stepper: Stepper.extend({\n defaultProps: {\n size: 'xs',\n completedIcon: <IconCheck size={16} />,\n },\n classNames: StepperClasses,\n }),\n Switch: Switch.extend({\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return ReadOnlyStateClasses;\n }\n return {};\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {},\n track: {\n '--switch-bg': theme.colors.gray[2],\n '--switch-bd': 'transparent',\n },\n thumb: {\n '--switch-thumb-bd': 'transparent',\n },\n };\n }\n return {root: {}, track: {}, thumb: {}};\n },\n defaultProps: {\n withThumbIndicator: false,\n },\n }),\n Table: Table.extend({\n classNames: TableClasses,\n vars: () => ({\n table: {\n '--table-border-color': 'var(--mantine-color-default-border)',\n },\n }),\n }),\n Tabs: Tabs.extend({\n classNames: TabsClasses,\n }),\n Text: Text.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: TextClasses,\n }),\n TimeInput: TimeInput.extend({\n defaultProps: {\n rightSection: <IconClock size={16} />,\n },\n }),\n TimePicker: TimePicker.extend({\n defaultProps: {\n withDropdown: true,\n format: '12h',\n },\n classNames: TimePickerClasses,\n }),\n Tooltip: Tooltip.extend({\n defaultProps: {\n maw: 280,\n multiline: true,\n withArrow: true,\n zIndex: 10000,\n },\n classNames: TooltipClasses,\n }),\n YearPicker: YearPicker.extend({\n classNames: YearPickerClasses,\n }),\n },\n});\n"],"names":["plasmaTheme","createTheme","variantColorResolver","plasmaVariantColorResolver","fontFamily","black","color","primary","gray","defaultRadius","lineHeights","xxs","xs","sm","md","lg","xl","spacing","radius","none","xxl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","h2","h3","h4","h5","h6","fontSizes","shadows","primaryShade","colors","PlasmaColors","components","Accordion","extend","classNames","AccordionClasses","ActionIcon","defaultProps","size","ActionIconClasses","AppShell","AppShellClasses","header","height","navbar","width","breakpoint","layout","withBorder","vars","theme","root","Alert","icon","InfoToken","Advice","p","AlertClasses","Badge","BadgeClasses","variant","tt","Breadcrumbs","BreadcrumbsClasses","separator","IconSlash","separatorMargin","Button","ButtonClasses","Card","shadow","padding","CardClasses","Checkbox","CheckboxIcon","props","readOnly","disabled","deepMerge","CheckboxClasses","ReadOnlyStateClasses","CheckboxIndicator","Indicator","CheckboxIndicatorClasses","Chip","IconCheck","ChipClasses","CloseButton","CrossSize16Px","aria-label","CloseButtonClasses","ColorSwatch","withShadow","Combobox","ComboboxClasses","middlewares","inline","ComboboxChevron","component","PlasmaComboboxChevron","ComboboxSearch","placeholder","rightSection","FilterSize16Px","DateInput","miw","leftSection","IconCalendarWeek","DatePicker","firstDayOfWeek","DatePickerClasses","DateTimePicker","DateTimePickerClasses","Divider","Image","fallbackSrc","placeholderSvg","Input","_theme","anyProps","includes","__staticSelector","InputClasses","ReadOnlyInputClasses","InputWrapper","InputWrapperClasses","label","description","undefined","red","error","PasswordInput","Loader","loaders","defaultLoaders","circle","CircleLoader","type","role","List","ListClasses","Modal","ModalClasses","ModalOverlay","Overlay","indigo","backgroundOpacity","blur","ModalRoot","Root","MonthPicker","MonthPickerClasses","MultiSelect","hidePickedOptions","NavLink","NavLinkClasses","Notification","NotificationClasses","IconInfoCircleFilled","NumberInput","NumberInputClasses","Pagination","PaginationClasses","nextIcon","ArrowHeadRightSize16Px","previousIcon","ArrowHeadLeftSize16Px","Paper","PaperClasses","PickerInputBase","Pill","PillClasses","Popover","PopoverClasses","position","Radio","RadioClasses","RadioCard","RadioCardClasses","ScrollArea","ScrollAreaClasses","SegmentedControl","SegmentedControlClasses","Select","allowDeselect","withCheckIcon","SelectClasses","Skeleton","SkeletonClasses","Slider","SliderClasses","Stepper","completedIcon","StepperClasses","Switch","track","thumb","withThumbIndicator","Table","TableClasses","table","Tabs","TabsClasses","Text","TextClasses","TimeInput","IconClock","TimePicker","withDropdown","format","TimePickerClasses","Tooltip","maw","multiline","withArrow","zIndex","TooltipClasses","YearPicker","YearPickerClasses"],"mappings":"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"}
@@ -6,6 +6,7 @@ export interface CopyToClipboardProps extends ActionIconProps {
6
6
  */
7
7
  value: string;
8
8
  /**
9
+ * @deprecated Place the CopyToClipboard component inside the `rightSection` of input components instead.
9
10
  * Whether to display the string to be copied alongside the button.
10
11
  *
11
12
  * @default false
@@ -1 +1 @@
1
- {"version":3,"file":"CopyToClipboard.d.ts","sourceRoot":"","sources":["../../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,eAAe,EAAc,YAAY,EAAqB,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAC,iBAAiB,EAAE,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAG3D,MAAM,WAAW,oBAAqB,SAAQ,eAAe;IACzD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC9C;;;;OAIG;IACH,KAAK,CAAC,EAAE,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACrC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B;AA6BD,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,CAU/D,CAAC"}
1
+ {"version":3,"file":"CopyToClipboard.d.ts","sourceRoot":"","sources":["../../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,eAAe,EAAc,YAAY,EAAqB,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAC,iBAAiB,EAAE,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAG3D,MAAM,WAAW,oBAAqB,SAAQ,eAAe;IACzD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC9C;;;;OAIG;IACH,KAAK,CAAC,EAAE,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACrC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B;AA6BD,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,CAU/D,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"sourcesContent":["import {IconClipboardCheck, IconClipboardText} from '@coveord/plasma-react-icons';\nimport {ActionIconProps, CopyButton, MantineColor, TextInput, Tooltip} from '@mantine/core';\nimport {FunctionComponent, MouseEventHandler} from 'react';\nimport {ActionIcon} from '../ActionIcon/ActionIcon.js';\n\nexport interface CopyToClipboardProps extends ActionIconProps {\n /**\n * The value to be copied to the clipboard.\n */\n value: string;\n /**\n * Whether to display the string to be copied alongside the button.\n *\n * @default false\n */\n withLabel?: boolean;\n /**\n * Called each time the value is copied to the clipboard\n */\n onCopy?: MouseEventHandler<HTMLButtonElement>;\n /**\n * The color of the icon when idle\n *\n * @default 'gray'\n */\n color?: MantineColor | (string & {});\n /**\n * The text displayed when hovering over the button\n *\n * @default 'Copy to clipboard'\n */\n tooltipLabelCopy?: string;\n /**\n * The text displayed when the value is copied to the clipboard\n *\n * @default 'Copied'\n */\n tooltipLabelCopied?: string;\n}\n\nconst CopyToClipboardButton: FunctionComponent<Omit<CopyToClipboardProps, 'withLabel'>> = ({\n value,\n onCopy,\n color,\n tooltipLabelCopy = 'Copy to clipboard',\n tooltipLabelCopied = 'Copied',\n ...others\n}) => (\n <CopyButton value={value} timeout={2000}>\n {({copied, copy}) => (\n <Tooltip label={copied ? tooltipLabelCopied : tooltipLabelCopy}>\n <ActionIcon.Quaternary\n aria-label={tooltipLabelCopy}\n color={copied ? 'success' : color}\n onClick={(clickEvent) => {\n copy();\n onCopy?.(clickEvent);\n }}\n {...others}\n >\n {copied ? <IconClipboardCheck size={16} /> : <IconClipboardText size={16} />}\n </ActionIcon.Quaternary>\n </Tooltip>\n )}\n </CopyButton>\n);\n\nexport const CopyToClipboard: FunctionComponent<CopyToClipboardProps> = ({withLabel, ...others}) =>\n withLabel ? (\n <TextInput\n value={others.value}\n readOnly\n autoComplete=\"off\"\n rightSection={<CopyToClipboardButton {...others} />}\n />\n ) : (\n <CopyToClipboardButton {...others} />\n );\n\nCopyToClipboard.displayName = 'CopyToClipboard';\n"],"names":["IconClipboardCheck","IconClipboardText","CopyButton","TextInput","Tooltip","ActionIcon","CopyToClipboardButton","value","onCopy","color","tooltipLabelCopy","tooltipLabelCopied","others","timeout","copied","copy","label","Quaternary","aria-label","onClick","clickEvent","size","CopyToClipboard","withLabel","readOnly","autoComplete","rightSection","displayName"],"mappings":";AAAA,SAAQA,kBAAkB,EAAEC,iBAAiB,QAAO,8BAA8B;AAClF,SAAyBC,UAAU,EAAgBC,SAAS,EAAEC,OAAO,QAAO,gBAAgB;AAE5F,SAAQC,UAAU,QAAO,8BAA8B;AAqCvD,MAAMC,wBAAoF,CAAC,EACvFC,KAAK,EACLC,MAAM,EACNC,KAAK,EACLC,mBAAmB,mBAAmB,EACtCC,qBAAqB,QAAQ,EAC7B,GAAGC,QACN,iBACG,KAACV;QAAWK,OAAOA;QAAOM,SAAS;kBAC9B,CAAC,EAACC,MAAM,EAAEC,IAAI,EAAC,iBACZ,KAACX;gBAAQY,OAAOF,SAASH,qBAAqBD;0BAC1C,cAAA,KAACL,WAAWY,UAAU;oBAClBC,cAAYR;oBACZD,OAAOK,SAAS,YAAYL;oBAC5BU,SAAS,CAACC;wBACNL;wBACAP,SAASY;oBACb;oBACC,GAAGR,MAAM;8BAETE,uBAAS,KAACd;wBAAmBqB,MAAM;uCAAS,KAACpB;wBAAkBoB,MAAM;;;;;AAO1F,OAAO,MAAMC,kBAA2D,CAAC,EAACC,SAAS,EAAE,GAAGX,QAAO,GAC3FW,0BACI,KAACpB;QACGI,OAAOK,OAAOL,KAAK;QACnBiB,QAAQ;QACRC,cAAa;QACbC,4BAAc,KAACpB;YAAuB,GAAGM,MAAM;;uBAGnD,KAACN;QAAuB,GAAGM,MAAM;OACnC;AAENU,gBAAgBK,WAAW,GAAG"}
1
+ {"version":3,"sources":["../../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"sourcesContent":["import {IconClipboardCheck, IconClipboardText} from '@coveord/plasma-react-icons';\nimport {ActionIconProps, CopyButton, MantineColor, TextInput, Tooltip} from '@mantine/core';\nimport {FunctionComponent, MouseEventHandler} from 'react';\nimport {ActionIcon} from '../ActionIcon/ActionIcon.js';\n\nexport interface CopyToClipboardProps extends ActionIconProps {\n /**\n * The value to be copied to the clipboard.\n */\n value: string;\n /**\n * @deprecated Place the CopyToClipboard component inside the `rightSection` of input components instead.\n * Whether to display the string to be copied alongside the button.\n *\n * @default false\n */\n withLabel?: boolean;\n /**\n * Called each time the value is copied to the clipboard\n */\n onCopy?: MouseEventHandler<HTMLButtonElement>;\n /**\n * The color of the icon when idle\n *\n * @default 'gray'\n */\n color?: MantineColor | (string & {});\n /**\n * The text displayed when hovering over the button\n *\n * @default 'Copy to clipboard'\n */\n tooltipLabelCopy?: string;\n /**\n * The text displayed when the value is copied to the clipboard\n *\n * @default 'Copied'\n */\n tooltipLabelCopied?: string;\n}\n\nconst CopyToClipboardButton: FunctionComponent<Omit<CopyToClipboardProps, 'withLabel'>> = ({\n value,\n onCopy,\n color,\n tooltipLabelCopy = 'Copy to clipboard',\n tooltipLabelCopied = 'Copied',\n ...others\n}) => (\n <CopyButton value={value} timeout={2000}>\n {({copied, copy}) => (\n <Tooltip label={copied ? tooltipLabelCopied : tooltipLabelCopy}>\n <ActionIcon.Quaternary\n aria-label={tooltipLabelCopy}\n color={copied ? 'success' : color}\n onClick={(clickEvent) => {\n copy();\n onCopy?.(clickEvent);\n }}\n {...others}\n >\n {copied ? <IconClipboardCheck size={16} /> : <IconClipboardText size={16} />}\n </ActionIcon.Quaternary>\n </Tooltip>\n )}\n </CopyButton>\n);\n\nexport const CopyToClipboard: FunctionComponent<CopyToClipboardProps> = ({withLabel, ...others}) =>\n withLabel ? (\n <TextInput\n value={others.value}\n readOnly\n autoComplete=\"off\"\n rightSection={<CopyToClipboardButton {...others} />}\n />\n ) : (\n <CopyToClipboardButton {...others} />\n );\n\nCopyToClipboard.displayName = 'CopyToClipboard';\n"],"names":["IconClipboardCheck","IconClipboardText","CopyButton","TextInput","Tooltip","ActionIcon","CopyToClipboardButton","value","onCopy","color","tooltipLabelCopy","tooltipLabelCopied","others","timeout","copied","copy","label","Quaternary","aria-label","onClick","clickEvent","size","CopyToClipboard","withLabel","readOnly","autoComplete","rightSection","displayName"],"mappings":";AAAA,SAAQA,kBAAkB,EAAEC,iBAAiB,QAAO,8BAA8B;AAClF,SAAyBC,UAAU,EAAgBC,SAAS,EAAEC,OAAO,QAAO,gBAAgB;AAE5F,SAAQC,UAAU,QAAO,8BAA8B;AAsCvD,MAAMC,wBAAoF,CAAC,EACvFC,KAAK,EACLC,MAAM,EACNC,KAAK,EACLC,mBAAmB,mBAAmB,EACtCC,qBAAqB,QAAQ,EAC7B,GAAGC,QACN,iBACG,KAACV;QAAWK,OAAOA;QAAOM,SAAS;kBAC9B,CAAC,EAACC,MAAM,EAAEC,IAAI,EAAC,iBACZ,KAACX;gBAAQY,OAAOF,SAASH,qBAAqBD;0BAC1C,cAAA,KAACL,WAAWY,UAAU;oBAClBC,cAAYR;oBACZD,OAAOK,SAAS,YAAYL;oBAC5BU,SAAS,CAACC;wBACNL;wBACAP,SAASY;oBACb;oBACC,GAAGR,MAAM;8BAETE,uBAAS,KAACd;wBAAmBqB,MAAM;uCAAS,KAACpB;wBAAkBoB,MAAM;;;;;AAO1F,OAAO,MAAMC,kBAA2D,CAAC,EAACC,SAAS,EAAE,GAAGX,QAAO,GAC3FW,0BACI,KAACpB;QACGI,OAAOK,OAAOL,KAAK;QACnBiB,QAAQ;QACRC,cAAa;QACbC,4BAAc,KAACpB;YAAuB,GAAGM,MAAM;;uBAGnD,KAACN;QAAuB,GAAGM,MAAM;OACnC;AAENU,gBAAgBK,WAAW,GAAG"}
@@ -6,7 +6,7 @@
6
6
 
7
7
  &[data-variant='light'] {
8
8
  background-color: var(--it-bg);
9
- border-radius: var(--mantine-spacing-xxs);
9
+ border-radius: var(--mantine-radius-sm);
10
10
  padding: var(--mantine-spacing-xs);
11
11
 
12
12
  &[data-size='xs'] {