@coveord/plasma-mantine 59.0.0 → 59.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/.turbo/turbo-build.log +4 -4
  2. package/.turbo/turbo-test.log +92 -98
  3. package/dist/.tsbuildinfo +1 -1
  4. package/dist/cjs/components/Alert/Alert.d.ts +5 -0
  5. package/dist/cjs/components/Alert/Alert.d.ts.map +1 -1
  6. package/dist/cjs/components/Alert/Alert.js +42 -9
  7. package/dist/cjs/components/Alert/Alert.js.map +1 -1
  8. package/dist/cjs/styles/Alert.module.css +18 -5
  9. package/dist/cjs/styles/Modal.module.css +2 -2
  10. package/dist/esm/components/Alert/Alert.d.ts +5 -0
  11. package/dist/esm/components/Alert/Alert.d.ts.map +1 -1
  12. package/dist/esm/components/Alert/Alert.js +40 -9
  13. package/dist/esm/components/Alert/Alert.js.map +1 -1
  14. package/dist/esm/styles/Alert.module.css +18 -5
  15. package/dist/esm/styles/Modal.module.css +2 -2
  16. package/package.json +5 -5
  17. package/src/components/Alert/Alert.tsx +29 -6
  18. package/src/styles/Alert.module.css +18 -5
  19. package/src/styles/Modal.module.css +2 -2
package/dist/cjs/components/Alert/Alert.d.ts CHANGED
@@ -19,6 +19,7 @@ export declare const Alert: (<C = "div">(props: import("@mantine/core").Polymorp
19
19
  Advice: typeof AlertAdvice;
20
20
  Warning: typeof AlertWarning;
21
21
  Critical: typeof AlertCritical;
22
+ Success: typeof AlertSuccess;
22
23
  };
23
24
  }> & import("@mantine/core").ComponentClasses<{
24
25
  props: AlertProps;
@@ -32,6 +33,7 @@ export declare const Alert: (<C = "div">(props: import("@mantine/core").Polymorp
32
33
  Advice: typeof AlertAdvice;
33
34
  Warning: typeof AlertWarning;
34
35
  Critical: typeof AlertCritical;
36
+ Success: typeof AlertSuccess;
35
37
  };
36
38
  }> & import("@mantine/core").PolymorphicComponentWithProps<{
37
39
  props: AlertProps;
@@ -45,15 +47,18 @@ export declare const Alert: (<C = "div">(props: import("@mantine/core").Polymorp
45
47
  Advice: typeof AlertAdvice;
46
48
  Warning: typeof AlertWarning;
47
49
  Critical: typeof AlertCritical;
50
+ Success: typeof AlertSuccess;
48
51
  };
49
52
  }> & {
50
53
  Information: typeof AlertInformation;
51
54
  Advice: typeof AlertAdvice;
52
55
  Warning: typeof AlertWarning;
53
56
  Critical: typeof AlertCritical;
57
+ Success: typeof AlertSuccess;
54
58
  };
55
59
  declare const AlertInformation: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, AlertProps>) => React.ReactElement;
56
60
  declare const AlertAdvice: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, AlertProps>) => React.ReactElement;
61
+ declare const AlertSuccess: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, AlertProps>) => React.ReactElement;
57
62
  declare const AlertWarning: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, AlertProps>) => React.ReactElement;
58
63
  declare const AlertCritical: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, AlertProps>) => React.ReactElement;
59
64
  export {};
package/dist/cjs/components/Alert/Alert.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,iBAAiB,EACjB,UAAU,EACV,gBAAgB,EAChB,YAAY,EAIf,MAAM,eAAe,CAAC;AAmBvB,eAAO,MAAM,KAAK;;;;;;;;;WAdP,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;KAClC;;WAXM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;KAClC;;WAXM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;KAClC;;iBAJgB,OAAO,gBAAgB;YAC5B,OAAO,WAAW;aACjB,OAAO,YAAY;cAClB,OAAO,aAAa;CAI8E,CAAC;AAGrH,QAAA,MAAM,gBAAgB,4GASpB,CAAC;AAGH,QAAA,MAAM,WAAW,4GAQf,CAAC;AAGH,QAAA,MAAM,YAAY,4GAShB,CAAC;AAGH,QAAA,MAAM,aAAa,4GAQjB,CAAC"}
1
+ {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,iBAAiB,EACjB,UAAU,EACV,gBAAgB,EAChB,YAAY,EAIf,MAAM,eAAe,CAAC;AAoBvB,eAAO,MAAM,KAAK;;;;;;;;;WAfP,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;QAC/B,OAAO,EAAE,OAAO,YAAY,CAAC;KAChC;;WAZM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;QAC/B,OAAO,EAAE,OAAO,YAAY,CAAC;KAChC;;WAZM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;QAC/B,OAAO,EAAE,OAAO,YAAY,CAAC;KAChC;;iBALgB,OAAO,gBAAgB;YAC5B,OAAO,WAAW;aACjB,OAAO,YAAY;cAClB,OAAO,aAAa;aACrB,OAAO,YAAY;CAIgF,CAAC;AAGrH,QAAA,MAAM,gBAAgB,4GAWpB,CAAC;AAGH,QAAA,MAAM,WAAW,4GAUf,CAAC;AAGH,QAAA,MAAM,YAAY,4GAUhB,CAAC;AAGH,QAAA,MAAM,YAAY,4GAWhB,CAAC;AAGH,QAAA,MAAM,aAAa,4GAUjB,CAAC"}
package/dist/cjs/components/Alert/Alert.js CHANGED
@@ -21,49 +21,81 @@ var Alert = (0, _core.polymorphicFactory)(function(props, ref) {
21
21
  Alert.displayName = 'Alert';
22
22
  var AlertInformation = Alert.withProps({
23
23
  color: 'gray',
24
- icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InfoToken.InfoToken.Information, {}),
24
+ icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InfoToken.InfoToken.Information, {
25
+ size: "md"
26
+ }),
25
27
  vars: function vars() {
26
28
  return {
27
29
  root: {
28
30
  '--alert-color': 'var(--mantine-color-text)',
29
- '--alert-bg': 'var(--mantine-color-gray-light)'
31
+ '--alert-bg': 'var(--mantine-color-gray-light)',
32
+ '--alert-bd': '2px solid var(--mantine-color-gray-light)',
33
+ '--alert-radius': 'var(--mantine-radius-sm)'
30
34
  }
31
35
  };
32
36
  }
33
37
  });
34
38
  AlertInformation.displayName = 'Alert.Information';
35
39
  var AlertAdvice = Alert.withProps({
36
- icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InfoToken.InfoToken.Advice, {}),
40
+ icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InfoToken.InfoToken.Advice, {
41
+ size: "md"
42
+ }),
37
43
  vars: function vars() {
38
44
  return {
39
45
  root: {
40
46
  '--alert-color': 'var(--mantine-primary-color-filled)',
41
- '--alert-bg': 'var(--mantine-primary-color-light)'
47
+ '--alert-bg': 'var(--mantine-primary-color-light)',
48
+ '--alert-bd': '2px solid var(--mantine-primary-color-light)',
49
+ '--alert-radius': 'var(--mantine-radius-sm)'
42
50
  }
43
51
  };
44
52
  }
45
53
  });
46
54
  AlertAdvice.displayName = 'Alert.Advice';
55
+ var AlertSuccess = Alert.withProps({
56
+ icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InfoToken.InfoToken.Success, {
57
+ size: "md"
58
+ }),
59
+ vars: function vars() {
60
+ return {
61
+ root: {
62
+ '--alert-color': 'var(--mantine-color-green-filled)',
63
+ '--alert-bg': 'var(--mantine-color-green-light)',
64
+ '--alert-bd': '2px solid var(--mantine-color-green-light)',
65
+ '--alert-radius': 'var(--mantine-radius-sm)'
66
+ }
67
+ };
68
+ }
69
+ });
70
+ AlertSuccess.displayName = 'Alert.Success';
47
71
  var AlertWarning = Alert.withProps({
48
72
  color: 'warning',
49
- icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InfoToken.InfoToken.Warning, {}),
73
+ icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InfoToken.InfoToken.Warning, {
74
+ size: "md"
75
+ }),
50
76
  vars: function vars() {
51
77
  return {
52
78
  root: {
53
- '--alert-color': 'var(--mantine-color-warning-filled)',
54
- '--alert-bg': 'var(--mantine-color-warning-light)'
79
+ '--alert-color': 'var(--mantine-color-yellow-text)',
80
+ '--alert-bg': 'var(--mantine-color-yellow-light)',
81
+ '--alert-bd': '2px solid var(--mantine-color-yellow-light)',
82
+ '--alert-radius': 'var(--mantine-radius-sm)'
55
83
  }
56
84
  };
57
85
  }
58
86
  });
59
87
  AlertWarning.displayName = 'Alert.Warning';
60
88
  var AlertCritical = Alert.withProps({
61
- icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InfoToken.InfoToken.Error, {}),
89
+ icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InfoToken.InfoToken.Error, {
90
+ size: "md"
91
+ }),
62
92
  vars: function vars() {
63
93
  return {
64
94
  root: {
65
95
  '--alert-color': 'var(--mantine-color-error)',
66
- '--alert-bg': 'var(--mantine-color-red-light)'
96
+ '--alert-bg': 'var(--mantine-color-red-light)',
97
+ '--alert-bd': '2px solid var(--mantine-color-red-light)',
98
+ '--alert-radius': 'var(--mantine-radius-sm)'
67
99
  }
68
100
  };
69
101
  }
@@ -73,5 +105,6 @@ Alert.Information = AlertInformation;
73
105
  Alert.Advice = AlertAdvice;
74
106
  Alert.Warning = AlertWarning;
75
107
  Alert.Critical = AlertCritical;
108
+ Alert.Success = AlertSuccess;
76
109
 
77
110
  //# sourceMappingURL=Alert.js.map
package/dist/cjs/components/Alert/Alert.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import {\n AlertCssVariables,\n AlertProps,\n AlertStylesNames,\n AlertVariant,\n Factory,\n Alert as MantineAlert,\n polymorphicFactory,\n} from '@mantine/core';\nimport {type ComponentType} from 'react';\nimport {InfoToken} from '../InfoToken/InfoToken.js';\n\ntype AlertOverloadFactory = Factory<{\n props: AlertProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: AlertStylesNames;\n vars: AlertCssVariables;\n variant: AlertVariant;\n staticComponents: {\n Information: typeof AlertInformation;\n Advice: typeof AlertAdvice;\n Warning: typeof AlertWarning;\n Critical: typeof AlertCritical;\n };\n}>;\n\nexport const Alert = polymorphicFactory<AlertOverloadFactory>((props, ref) => <MantineAlert {...props} ref={ref} />);\nAlert.displayName = 'Alert';\n\nconst AlertInformation = Alert.withProps({\n color: 'gray',\n icon: <InfoToken.Information />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-color-text)',\n '--alert-bg': 'var(--mantine-color-gray-light)',\n },\n }),\n});\n(AlertInformation as ComponentType).displayName = 'Alert.Information';\n\nconst AlertAdvice = Alert.withProps({\n icon: <InfoToken.Advice />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-primary-color-filled)',\n '--alert-bg': 'var(--mantine-primary-color-light)',\n },\n }),\n});\n(AlertAdvice as ComponentType).displayName = 'Alert.Advice';\n\nconst AlertWarning = Alert.withProps({\n color: 'warning',\n icon: <InfoToken.Warning />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-color-warning-filled)',\n '--alert-bg': 'var(--mantine-color-warning-light)',\n },\n }),\n});\n(AlertWarning as ComponentType).displayName = 'Alert.Warning';\n\nconst AlertCritical = Alert.withProps({\n icon: <InfoToken.Error />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-color-error)',\n '--alert-bg': 'var(--mantine-color-red-light)',\n },\n }),\n});\n(AlertCritical as ComponentType).displayName = 'Alert.Critical';\n\nAlert.Information = AlertInformation;\nAlert.Advice = AlertAdvice;\nAlert.Warning = AlertWarning;\nAlert.Critical = AlertCritical;\n"],"names":["Alert","polymorphicFactory","props","ref","MantineAlert","displayName","AlertInformation","withProps","color","icon","InfoToken","Information","vars","root","AlertAdvice","Advice","AlertWarning","Warning","AlertCritical","Error","Critical"],"mappings":";;;;+BA2BaA;;;eAAAA;;;;;;oBAnBN;yBAEiB;AAiBjB,IAAMA,QAAQC,IAAAA,wBAAkB,EAAuB,SAACC,OAAOC;yBAAQ,qBAACC,WAAY,8CAAKF;QAAOC,KAAKA;;;AAC5GH,MAAMK,WAAW,GAAG;AAEpB,IAAMC,mBAAmBN,MAAMO,SAAS,CAAC;IACrCC,OAAO;IACPC,oBAAM,qBAACC,oBAAS,CAACC,WAAW;IAC5BC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ;;AACJ;AACCP,iBAAmCD,WAAW,GAAG;AAElD,IAAMS,cAAcd,MAAMO,SAAS,CAAC;IAChCE,oBAAM,qBAACC,oBAAS,CAACK,MAAM;IACvBH,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ;;AACJ;AACCC,YAA8BT,WAAW,GAAG;AAE7C,IAAMW,eAAehB,MAAMO,SAAS,CAAC;IACjCC,OAAO;IACPC,oBAAM,qBAACC,oBAAS,CAACO,OAAO;IACxBL,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ;;AACJ;AACCG,aAA+BX,WAAW,GAAG;AAE9C,IAAMa,gBAAgBlB,MAAMO,SAAS,CAAC;IAClCE,oBAAM,qBAACC,oBAAS,CAACS,KAAK;IACtBP,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ;;AACJ;AACCK,cAAgCb,WAAW,GAAG;AAE/CL,MAAMW,WAAW,GAAGL;AACpBN,MAAMe,MAAM,GAAGD;AACfd,MAAMiB,OAAO,GAAGD;AAChBhB,MAAMoB,QAAQ,GAAGF"}
1
+ {"version":3,"sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import {\n AlertCssVariables,\n AlertProps,\n AlertStylesNames,\n AlertVariant,\n Factory,\n Alert as MantineAlert,\n polymorphicFactory,\n} from '@mantine/core';\nimport {type ComponentType} from 'react';\nimport {InfoToken} from '../InfoToken/InfoToken.js';\n\ntype AlertOverloadFactory = Factory<{\n props: AlertProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: AlertStylesNames;\n vars: AlertCssVariables;\n variant: AlertVariant;\n staticComponents: {\n Information: typeof AlertInformation;\n Advice: typeof AlertAdvice;\n Warning: typeof AlertWarning;\n Critical: typeof AlertCritical;\n Success: typeof AlertSuccess;\n };\n}>;\n\nexport const Alert = polymorphicFactory<AlertOverloadFactory>((props, ref) => <MantineAlert {...props} ref={ref} />);\nAlert.displayName = 'Alert';\n\nconst AlertInformation = Alert.withProps({\n color: 'gray',\n icon: <InfoToken.Information size=\"md\" />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-color-text)',\n '--alert-bg': 'var(--mantine-color-gray-light)',\n '--alert-bd': '2px solid var(--mantine-color-gray-light)',\n '--alert-radius': 'var(--mantine-radius-sm)',\n },\n }),\n});\n(AlertInformation as ComponentType).displayName = 'Alert.Information';\n\nconst AlertAdvice = Alert.withProps({\n icon: <InfoToken.Advice size=\"md\" />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-primary-color-filled)',\n '--alert-bg': 'var(--mantine-primary-color-light)',\n '--alert-bd': '2px solid var(--mantine-primary-color-light)',\n '--alert-radius': 'var(--mantine-radius-sm)',\n },\n }),\n});\n(AlertAdvice as ComponentType).displayName = 'Alert.Advice';\n\nconst AlertSuccess = Alert.withProps({\n icon: <InfoToken.Success size=\"md\" />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-color-green-filled)',\n '--alert-bg': 'var(--mantine-color-green-light)',\n '--alert-bd': '2px solid var(--mantine-color-green-light)',\n '--alert-radius': 'var(--mantine-radius-sm)',\n },\n }),\n});\n(AlertSuccess as ComponentType).displayName = 'Alert.Success';\n\nconst AlertWarning = Alert.withProps({\n color: 'warning',\n icon: <InfoToken.Warning size=\"md\" />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-color-yellow-text)',\n '--alert-bg': 'var(--mantine-color-yellow-light)',\n '--alert-bd': '2px solid var(--mantine-color-yellow-light)',\n '--alert-radius': 'var(--mantine-radius-sm)',\n },\n }),\n});\n(AlertWarning as ComponentType).displayName = 'Alert.Warning';\n\nconst AlertCritical = Alert.withProps({\n icon: <InfoToken.Error size=\"md\" />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-color-error)',\n '--alert-bg': 'var(--mantine-color-red-light)',\n '--alert-bd': '2px solid var(--mantine-color-red-light)',\n '--alert-radius': 'var(--mantine-radius-sm)',\n },\n }),\n});\n(AlertCritical as ComponentType).displayName = 'Alert.Critical';\n\nAlert.Information = AlertInformation;\nAlert.Advice = AlertAdvice;\nAlert.Warning = AlertWarning;\nAlert.Critical = AlertCritical;\nAlert.Success = AlertSuccess;\n"],"names":["Alert","polymorphicFactory","props","ref","MantineAlert","displayName","AlertInformation","withProps","color","icon","InfoToken","Information","size","vars","root","AlertAdvice","Advice","AlertSuccess","Success","AlertWarning","Warning","AlertCritical","Error","Critical"],"mappings":";;;;+BA4BaA;;;eAAAA;;;;;;oBApBN;yBAEiB;AAkBjB,IAAMA,QAAQC,IAAAA,wBAAkB,EAAuB,SAACC,OAAOC;yBAAQ,qBAACC,WAAY,8CAAKF;QAAOC,KAAKA;;;AAC5GH,MAAMK,WAAW,GAAG;AAEpB,IAAMC,mBAAmBN,MAAMO,SAAS,CAAC;IACrCC,OAAO;IACPC,oBAAM,qBAACC,oBAAS,CAACC,WAAW;QAACC,MAAK;;IAClCC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ;;AACJ;AACCR,iBAAmCD,WAAW,GAAG;AAElD,IAAMU,cAAcf,MAAMO,SAAS,CAAC;IAChCE,oBAAM,qBAACC,oBAAS,CAACM,MAAM;QAACJ,MAAK;;IAC7BC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ;;AACJ;AACCC,YAA8BV,WAAW,GAAG;AAE7C,IAAMY,eAAejB,MAAMO,SAAS,CAAC;IACjCE,oBAAM,qBAACC,oBAAS,CAACQ,OAAO;QAACN,MAAK;;IAC9BC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ;;AACJ;AACCG,aAA+BZ,WAAW,GAAG;AAE9C,IAAMc,eAAenB,MAAMO,SAAS,CAAC;IACjCC,OAAO;IACPC,oBAAM,qBAACC,oBAAS,CAACU,OAAO;QAACR,MAAK;;IAC9BC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ;;AACJ;AACCK,aAA+Bd,WAAW,GAAG;AAE9C,IAAMgB,gBAAgBrB,MAAMO,SAAS,CAAC;IAClCE,oBAAM,qBAACC,oBAAS,CAACY,KAAK;QAACV,MAAK;;IAC5BC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ;;AACJ;AACCO,cAAgChB,WAAW,GAAG;AAE/CL,MAAMW,WAAW,GAAGL;AACpBN,MAAMgB,MAAM,GAAGD;AACff,MAAMoB,OAAO,GAAGD;AAChBnB,MAAMuB,QAAQ,GAAGF;AACjBrB,MAAMkB,OAAO,GAAGD"}
package/dist/cjs/styles/Alert.module.css CHANGED
@@ -2,13 +2,26 @@
2
2
  font-weight: var(--coveo-fw-bold);
3
3
  }
4
4
 
5
+ .label {
6
+ color: var(--mantine-color-text);
7
+ }
8
+
9
+ .wrapper {
10
+ gap: var(--mantine-spacing-sm);
11
+ }
12
+
5
13
  .icon {
6
- margin-inline-end: var(--mantine-spacing-sm);
14
+ margin-inline-end: 0;
15
+ margin-top: 0;
16
+ width: var(--mantine-spacing-md);
17
+ height: var(--mantine-spacing-md);
18
+ }
19
+
20
+ .body {
21
+ gap: var(--mantine-spacing-xxs);
22
+ padding: var(--mantine-spacing-xxs) 0;
7
23
  }
8
24
 
9
25
  .closeButton {
10
- & svg {
11
- width: 20px;
12
- height: 20px;
13
- }
26
+ color: var(--mantine-color-text);
14
27
  }
package/dist/cjs/styles/Modal.module.css CHANGED
@@ -12,13 +12,13 @@
12
12
  }
13
13
 
14
14
  .content {
15
- overflow-y: initial;
16
15
  display: flex;
17
16
  flex-direction: column;
17
+ overflow: hidden;
18
18
  }
19
19
 
20
20
  .body {
21
- overflow-y: scroll;
21
+ overflow-y: auto;
22
22
  border-end-start-radius: var(--modal-radius, var(--mantine-radius-default));
23
23
  border-end-end-radius: var(--modal-radius, var(--mantine-radius-default));
24
24
  }
package/dist/esm/components/Alert/Alert.d.ts CHANGED
@@ -19,6 +19,7 @@ export declare const Alert: (<C = "div">(props: import("@mantine/core").Polymorp
19
19
  Advice: typeof AlertAdvice;
20
20
  Warning: typeof AlertWarning;
21
21
  Critical: typeof AlertCritical;
22
+ Success: typeof AlertSuccess;
22
23
  };
23
24
  }> & import("@mantine/core").ComponentClasses<{
24
25
  props: AlertProps;
@@ -32,6 +33,7 @@ export declare const Alert: (<C = "div">(props: import("@mantine/core").Polymorp
32
33
  Advice: typeof AlertAdvice;
33
34
  Warning: typeof AlertWarning;
34
35
  Critical: typeof AlertCritical;
36
+ Success: typeof AlertSuccess;
35
37
  };
36
38
  }> & import("@mantine/core").PolymorphicComponentWithProps<{
37
39
  props: AlertProps;
@@ -45,15 +47,18 @@ export declare const Alert: (<C = "div">(props: import("@mantine/core").Polymorp
45
47
  Advice: typeof AlertAdvice;
46
48
  Warning: typeof AlertWarning;
47
49
  Critical: typeof AlertCritical;
50
+ Success: typeof AlertSuccess;
48
51
  };
49
52
  }> & {
50
53
  Information: typeof AlertInformation;
51
54
  Advice: typeof AlertAdvice;
52
55
  Warning: typeof AlertWarning;
53
56
  Critical: typeof AlertCritical;
57
+ Success: typeof AlertSuccess;
54
58
  };
55
59
  declare const AlertInformation: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, AlertProps>) => React.ReactElement;
56
60
  declare const AlertAdvice: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, AlertProps>) => React.ReactElement;
61
+ declare const AlertSuccess: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, AlertProps>) => React.ReactElement;
57
62
  declare const AlertWarning: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, AlertProps>) => React.ReactElement;
58
63
  declare const AlertCritical: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, AlertProps>) => React.ReactElement;
59
64
  export {};
package/dist/esm/components/Alert/Alert.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,iBAAiB,EACjB,UAAU,EACV,gBAAgB,EAChB,YAAY,EAIf,MAAM,eAAe,CAAC;AAmBvB,eAAO,MAAM,KAAK;;;;;;;;;WAdP,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;KAClC;;WAXM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;KAClC;;WAXM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;KAClC;;iBAJgB,OAAO,gBAAgB;YAC5B,OAAO,WAAW;aACjB,OAAO,YAAY;cAClB,OAAO,aAAa;CAI8E,CAAC;AAGrH,QAAA,MAAM,gBAAgB,4GASpB,CAAC;AAGH,QAAA,MAAM,WAAW,4GAQf,CAAC;AAGH,QAAA,MAAM,YAAY,4GAShB,CAAC;AAGH,QAAA,MAAM,aAAa,4GAQjB,CAAC"}
1
+ {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,iBAAiB,EACjB,UAAU,EACV,gBAAgB,EAChB,YAAY,EAIf,MAAM,eAAe,CAAC;AAoBvB,eAAO,MAAM,KAAK;;;;;;;;;WAfP,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;QAC/B,OAAO,EAAE,OAAO,YAAY,CAAC;KAChC;;WAZM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;QAC/B,OAAO,EAAE,OAAO,YAAY,CAAC;KAChC;;WAZM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;QAC/B,OAAO,EAAE,OAAO,YAAY,CAAC;KAChC;;iBALgB,OAAO,gBAAgB;YAC5B,OAAO,WAAW;aACjB,OAAO,YAAY;cAClB,OAAO,aAAa;aACrB,OAAO,YAAY;CAIgF,CAAC;AAGrH,QAAA,MAAM,gBAAgB,4GAWpB,CAAC;AAGH,QAAA,MAAM,WAAW,4GAUf,CAAC;AAGH,QAAA,MAAM,YAAY,4GAUhB,CAAC;AAGH,QAAA,MAAM,YAAY,4GAWhB,CAAC;AAGH,QAAA,MAAM,aAAa,4GAUjB,CAAC"}
package/dist/esm/components/Alert/Alert.js CHANGED
@@ -8,42 +8,72 @@ export const Alert = polymorphicFactory((props, ref)=>/*#__PURE__*/ _jsx(Mantine
8
8
  Alert.displayName = 'Alert';
9
9
  const AlertInformation = Alert.withProps({
10
10
  color: 'gray',
11
- icon: /*#__PURE__*/ _jsx(InfoToken.Information, {}),
11
+ icon: /*#__PURE__*/ _jsx(InfoToken.Information, {
12
+ size: "md"
13
+ }),
12
14
  vars: ()=>({
13
15
  root: {
14
16
  '--alert-color': 'var(--mantine-color-text)',
15
- '--alert-bg': 'var(--mantine-color-gray-light)'
17
+ '--alert-bg': 'var(--mantine-color-gray-light)',
18
+ '--alert-bd': '2px solid var(--mantine-color-gray-light)',
19
+ '--alert-radius': 'var(--mantine-radius-sm)'
16
20
  }
17
21
  })
18
22
  });
19
23
  AlertInformation.displayName = 'Alert.Information';
20
24
  const AlertAdvice = Alert.withProps({
21
- icon: /*#__PURE__*/ _jsx(InfoToken.Advice, {}),
25
+ icon: /*#__PURE__*/ _jsx(InfoToken.Advice, {
26
+ size: "md"
27
+ }),
22
28
  vars: ()=>({
23
29
  root: {
24
30
  '--alert-color': 'var(--mantine-primary-color-filled)',
25
- '--alert-bg': 'var(--mantine-primary-color-light)'
31
+ '--alert-bg': 'var(--mantine-primary-color-light)',
32
+ '--alert-bd': '2px solid var(--mantine-primary-color-light)',
33
+ '--alert-radius': 'var(--mantine-radius-sm)'
26
34
  }
27
35
  })
28
36
  });
29
37
  AlertAdvice.displayName = 'Alert.Advice';
38
+ const AlertSuccess = Alert.withProps({
39
+ icon: /*#__PURE__*/ _jsx(InfoToken.Success, {
40
+ size: "md"
41
+ }),
42
+ vars: ()=>({
43
+ root: {
44
+ '--alert-color': 'var(--mantine-color-green-filled)',
45
+ '--alert-bg': 'var(--mantine-color-green-light)',
46
+ '--alert-bd': '2px solid var(--mantine-color-green-light)',
47
+ '--alert-radius': 'var(--mantine-radius-sm)'
48
+ }
49
+ })
50
+ });
51
+ AlertSuccess.displayName = 'Alert.Success';
30
52
  const AlertWarning = Alert.withProps({
31
53
  color: 'warning',
32
- icon: /*#__PURE__*/ _jsx(InfoToken.Warning, {}),
54
+ icon: /*#__PURE__*/ _jsx(InfoToken.Warning, {
55
+ size: "md"
56
+ }),
33
57
  vars: ()=>({
34
58
  root: {
35
- '--alert-color': 'var(--mantine-color-warning-filled)',
36
- '--alert-bg': 'var(--mantine-color-warning-light)'
59
+ '--alert-color': 'var(--mantine-color-yellow-text)',
60
+ '--alert-bg': 'var(--mantine-color-yellow-light)',
61
+ '--alert-bd': '2px solid var(--mantine-color-yellow-light)',
62
+ '--alert-radius': 'var(--mantine-radius-sm)'
37
63
  }
38
64
  })
39
65
  });
40
66
  AlertWarning.displayName = 'Alert.Warning';
41
67
  const AlertCritical = Alert.withProps({
42
- icon: /*#__PURE__*/ _jsx(InfoToken.Error, {}),
68
+ icon: /*#__PURE__*/ _jsx(InfoToken.Error, {
69
+ size: "md"
70
+ }),
43
71
  vars: ()=>({
44
72
  root: {
45
73
  '--alert-color': 'var(--mantine-color-error)',
46
- '--alert-bg': 'var(--mantine-color-red-light)'
74
+ '--alert-bg': 'var(--mantine-color-red-light)',
75
+ '--alert-bd': '2px solid var(--mantine-color-red-light)',
76
+ '--alert-radius': 'var(--mantine-radius-sm)'
47
77
  }
48
78
  })
49
79
  });
@@ -52,5 +82,6 @@ Alert.Information = AlertInformation;
52
82
  Alert.Advice = AlertAdvice;
53
83
  Alert.Warning = AlertWarning;
54
84
  Alert.Critical = AlertCritical;
85
+ Alert.Success = AlertSuccess;
55
86
 
56
87
  //# sourceMappingURL=Alert.js.map
package/dist/esm/components/Alert/Alert.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import {\n AlertCssVariables,\n AlertProps,\n AlertStylesNames,\n AlertVariant,\n Factory,\n Alert as MantineAlert,\n polymorphicFactory,\n} from '@mantine/core';\nimport {type ComponentType} from 'react';\nimport {InfoToken} from '../InfoToken/InfoToken.js';\n\ntype AlertOverloadFactory = Factory<{\n props: AlertProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: AlertStylesNames;\n vars: AlertCssVariables;\n variant: AlertVariant;\n staticComponents: {\n Information: typeof AlertInformation;\n Advice: typeof AlertAdvice;\n Warning: typeof AlertWarning;\n Critical: typeof AlertCritical;\n };\n}>;\n\nexport const Alert = polymorphicFactory<AlertOverloadFactory>((props, ref) => <MantineAlert {...props} ref={ref} />);\nAlert.displayName = 'Alert';\n\nconst AlertInformation = Alert.withProps({\n color: 'gray',\n icon: <InfoToken.Information />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-color-text)',\n '--alert-bg': 'var(--mantine-color-gray-light)',\n },\n }),\n});\n(AlertInformation as ComponentType).displayName = 'Alert.Information';\n\nconst AlertAdvice = Alert.withProps({\n icon: <InfoToken.Advice />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-primary-color-filled)',\n '--alert-bg': 'var(--mantine-primary-color-light)',\n },\n }),\n});\n(AlertAdvice as ComponentType).displayName = 'Alert.Advice';\n\nconst AlertWarning = Alert.withProps({\n color: 'warning',\n icon: <InfoToken.Warning />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-color-warning-filled)',\n '--alert-bg': 'var(--mantine-color-warning-light)',\n },\n }),\n});\n(AlertWarning as ComponentType).displayName = 'Alert.Warning';\n\nconst AlertCritical = Alert.withProps({\n icon: <InfoToken.Error />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-color-error)',\n '--alert-bg': 'var(--mantine-color-red-light)',\n },\n }),\n});\n(AlertCritical as ComponentType).displayName = 'Alert.Critical';\n\nAlert.Information = AlertInformation;\nAlert.Advice = AlertAdvice;\nAlert.Warning = AlertWarning;\nAlert.Critical = AlertCritical;\n"],"names":["Alert","MantineAlert","polymorphicFactory","InfoToken","props","ref","displayName","AlertInformation","withProps","color","icon","Information","vars","root","AlertAdvice","Advice","AlertWarning","Warning","AlertCritical","Error","Critical"],"mappings":";AAAA,SAMIA,SAASC,YAAY,EACrBC,kBAAkB,QACf,gBAAgB;AAEvB,SAAQC,SAAS,QAAO,4BAA4B;AAiBpD,OAAO,MAAMH,QAAQE,mBAAyC,CAACE,OAAOC,oBAAQ,KAACJ;QAAc,GAAGG,KAAK;QAAEC,KAAKA;QAAS;AACrHL,MAAMM,WAAW,GAAG;AAEpB,MAAMC,mBAAmBP,MAAMQ,SAAS,CAAC;IACrCC,OAAO;IACPC,oBAAM,KAACP,UAAUQ,WAAW;IAC5BC,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ,CAAA;AACJ;AACCN,iBAAmCD,WAAW,GAAG;AAElD,MAAMQ,cAAcd,MAAMQ,SAAS,CAAC;IAChCE,oBAAM,KAACP,UAAUY,MAAM;IACvBH,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ,CAAA;AACJ;AACCC,YAA8BR,WAAW,GAAG;AAE7C,MAAMU,eAAehB,MAAMQ,SAAS,CAAC;IACjCC,OAAO;IACPC,oBAAM,KAACP,UAAUc,OAAO;IACxBL,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ,CAAA;AACJ;AACCG,aAA+BV,WAAW,GAAG;AAE9C,MAAMY,gBAAgBlB,MAAMQ,SAAS,CAAC;IAClCE,oBAAM,KAACP,UAAUgB,KAAK;IACtBP,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ,CAAA;AACJ;AACCK,cAAgCZ,WAAW,GAAG;AAE/CN,MAAMW,WAAW,GAAGJ;AACpBP,MAAMe,MAAM,GAAGD;AACfd,MAAMiB,OAAO,GAAGD;AAChBhB,MAAMoB,QAAQ,GAAGF"}
1
+ {"version":3,"sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import {\n AlertCssVariables,\n AlertProps,\n AlertStylesNames,\n AlertVariant,\n Factory,\n Alert as MantineAlert,\n polymorphicFactory,\n} from '@mantine/core';\nimport {type ComponentType} from 'react';\nimport {InfoToken} from '../InfoToken/InfoToken.js';\n\ntype AlertOverloadFactory = Factory<{\n props: AlertProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: AlertStylesNames;\n vars: AlertCssVariables;\n variant: AlertVariant;\n staticComponents: {\n Information: typeof AlertInformation;\n Advice: typeof AlertAdvice;\n Warning: typeof AlertWarning;\n Critical: typeof AlertCritical;\n Success: typeof AlertSuccess;\n };\n}>;\n\nexport const Alert = polymorphicFactory<AlertOverloadFactory>((props, ref) => <MantineAlert {...props} ref={ref} />);\nAlert.displayName = 'Alert';\n\nconst AlertInformation = Alert.withProps({\n color: 'gray',\n icon: <InfoToken.Information size=\"md\" />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-color-text)',\n '--alert-bg': 'var(--mantine-color-gray-light)',\n '--alert-bd': '2px solid var(--mantine-color-gray-light)',\n '--alert-radius': 'var(--mantine-radius-sm)',\n },\n }),\n});\n(AlertInformation as ComponentType).displayName = 'Alert.Information';\n\nconst AlertAdvice = Alert.withProps({\n icon: <InfoToken.Advice size=\"md\" />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-primary-color-filled)',\n '--alert-bg': 'var(--mantine-primary-color-light)',\n '--alert-bd': '2px solid var(--mantine-primary-color-light)',\n '--alert-radius': 'var(--mantine-radius-sm)',\n },\n }),\n});\n(AlertAdvice as ComponentType).displayName = 'Alert.Advice';\n\nconst AlertSuccess = Alert.withProps({\n icon: <InfoToken.Success size=\"md\" />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-color-green-filled)',\n '--alert-bg': 'var(--mantine-color-green-light)',\n '--alert-bd': '2px solid var(--mantine-color-green-light)',\n '--alert-radius': 'var(--mantine-radius-sm)',\n },\n }),\n});\n(AlertSuccess as ComponentType).displayName = 'Alert.Success';\n\nconst AlertWarning = Alert.withProps({\n color: 'warning',\n icon: <InfoToken.Warning size=\"md\" />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-color-yellow-text)',\n '--alert-bg': 'var(--mantine-color-yellow-light)',\n '--alert-bd': '2px solid var(--mantine-color-yellow-light)',\n '--alert-radius': 'var(--mantine-radius-sm)',\n },\n }),\n});\n(AlertWarning as ComponentType).displayName = 'Alert.Warning';\n\nconst AlertCritical = Alert.withProps({\n icon: <InfoToken.Error size=\"md\" />,\n vars: () => ({\n root: {\n '--alert-color': 'var(--mantine-color-error)',\n '--alert-bg': 'var(--mantine-color-red-light)',\n '--alert-bd': '2px solid var(--mantine-color-red-light)',\n '--alert-radius': 'var(--mantine-radius-sm)',\n },\n }),\n});\n(AlertCritical as ComponentType).displayName = 'Alert.Critical';\n\nAlert.Information = AlertInformation;\nAlert.Advice = AlertAdvice;\nAlert.Warning = AlertWarning;\nAlert.Critical = AlertCritical;\nAlert.Success = AlertSuccess;\n"],"names":["Alert","MantineAlert","polymorphicFactory","InfoToken","props","ref","displayName","AlertInformation","withProps","color","icon","Information","size","vars","root","AlertAdvice","Advice","AlertSuccess","Success","AlertWarning","Warning","AlertCritical","Error","Critical"],"mappings":";AAAA,SAMIA,SAASC,YAAY,EACrBC,kBAAkB,QACf,gBAAgB;AAEvB,SAAQC,SAAS,QAAO,4BAA4B;AAkBpD,OAAO,MAAMH,QAAQE,mBAAyC,CAACE,OAAOC,oBAAQ,KAACJ;QAAc,GAAGG,KAAK;QAAEC,KAAKA;QAAS;AACrHL,MAAMM,WAAW,GAAG;AAEpB,MAAMC,mBAAmBP,MAAMQ,SAAS,CAAC;IACrCC,OAAO;IACPC,oBAAM,KAACP,UAAUQ,WAAW;QAACC,MAAK;;IAClCC,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ,CAAA;AACJ;AACCP,iBAAmCD,WAAW,GAAG;AAElD,MAAMS,cAAcf,MAAMQ,SAAS,CAAC;IAChCE,oBAAM,KAACP,UAAUa,MAAM;QAACJ,MAAK;;IAC7BC,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ,CAAA;AACJ;AACCC,YAA8BT,WAAW,GAAG;AAE7C,MAAMW,eAAejB,MAAMQ,SAAS,CAAC;IACjCE,oBAAM,KAACP,UAAUe,OAAO;QAACN,MAAK;;IAC9BC,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ,CAAA;AACJ;AACCG,aAA+BX,WAAW,GAAG;AAE9C,MAAMa,eAAenB,MAAMQ,SAAS,CAAC;IACjCC,OAAO;IACPC,oBAAM,KAACP,UAAUiB,OAAO;QAACR,MAAK;;IAC9BC,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ,CAAA;AACJ;AACCK,aAA+Bb,WAAW,GAAG;AAE9C,MAAMe,gBAAgBrB,MAAMQ,SAAS,CAAC;IAClCE,oBAAM,KAACP,UAAUmB,KAAK;QAACV,MAAK;;IAC5BC,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ,CAAA;AACJ;AACCO,cAAgCf,WAAW,GAAG;AAE/CN,MAAMW,WAAW,GAAGJ;AACpBP,MAAMgB,MAAM,GAAGD;AACff,MAAMoB,OAAO,GAAGD;AAChBnB,MAAMuB,QAAQ,GAAGF;AACjBrB,MAAMkB,OAAO,GAAGD"}
package/dist/esm/styles/Alert.module.css CHANGED
@@ -2,13 +2,26 @@
2
2
  font-weight: var(--coveo-fw-bold);
3
3
  }
4
4
 
5
+ .label {
6
+ color: var(--mantine-color-text);
7
+ }
8
+
9
+ .wrapper {
10
+ gap: var(--mantine-spacing-sm);
11
+ }
12
+
5
13
  .icon {
6
- margin-inline-end: var(--mantine-spacing-sm);
14
+ margin-inline-end: 0;
15
+ margin-top: 0;
16
+ width: var(--mantine-spacing-md);
17
+ height: var(--mantine-spacing-md);
18
+ }
19
+
20
+ .body {
21
+ gap: var(--mantine-spacing-xxs);
22
+ padding: var(--mantine-spacing-xxs) 0;
7
23
  }
8
24
 
9
25
  .closeButton {
10
- & svg {
11
- width: 20px;
12
- height: 20px;
13
- }
26
+ color: var(--mantine-color-text);
14
27
  }
package/dist/esm/styles/Modal.module.css CHANGED
@@ -12,13 +12,13 @@
12
12
  }
13
13
 
14
14
  .content {
15
- overflow-y: initial;
16
15
  display: flex;
17
16
  flex-direction: column;
17
+ overflow: hidden;
18
18
  }
19
19
 
20
20
  .body {
21
- overflow-y: scroll;
21
+ overflow-y: auto;
22
22
  border-end-start-radius: var(--modal-radius, var(--mantine-radius-default));
23
23
  border-end-end-radius: var(--modal-radius, var(--mantine-radius-default));
24
24
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coveord/plasma-mantine",
3
- "version": "59.0.0",
3
+ "version": "59.1.1",
4
4
  "description": "A Plasma flavoured Mantine theme",
5
5
  "keywords": [
6
6
  "plasma",
@@ -73,7 +73,7 @@
73
73
  "@dnd-kit/utilities": "3.2.2",
74
74
  "@mantine/utils": "6.0.22",
75
75
  "@monaco-editor/react": "4.7.0",
76
- "@swc/helpers": "0.5.20",
76
+ "@swc/helpers": "0.5.21",
77
77
  "@tanstack/react-table": "8.21.3",
78
78
  "@tanstack/table-core": "8.21.3",
79
79
  "clsx": "2.1.1",
@@ -81,8 +81,8 @@
81
81
  "fast-deep-equal": "3.1.3",
82
82
  "lodash.defaultsdeep": "4.6.1",
83
83
  "monaco-editor": "0.55.1",
84
- "@coveord/plasma-react-icons": "58.0.2",
85
- "@coveord/plasma-tokens": "58.0.2"
84
+ "@coveord/plasma-react-icons": "59.1.0",
85
+ "@coveord/plasma-tokens": "59.1.0"
86
86
  },
87
87
  "devDependencies": {
88
88
  "@mantine/carousel": "8.3.18",
@@ -94,7 +94,7 @@
94
94
  "@mantine/modals": "8.3.18",
95
95
  "@mantine/notifications": "8.3.18",
96
96
  "@swc/cli": "0.8.1",
97
- "@swc/core": "1.15.21",
97
+ "@swc/core": "1.15.24",
98
98
  "@testing-library/dom": "10.4.1",
99
99
  "@testing-library/jest-dom": "6.9.1",
100
100
  "@testing-library/react": "16.3.2",
package/src/components/Alert/Alert.tsx CHANGED
@@ -22,6 +22,7 @@ type AlertOverloadFactory = Factory<{
22
22
  Advice: typeof AlertAdvice;
23
23
  Warning: typeof AlertWarning;
24
24
  Critical: typeof AlertCritical;
25
+ Success: typeof AlertSuccess;
25
26
  };
26
27
  }>;
27
28
 
@@ -30,45 +31,66 @@ Alert.displayName = 'Alert';
30
31
 
31
32
  const AlertInformation = Alert.withProps({
32
33
  color: 'gray',
33
- icon: <InfoToken.Information />,
34
+ icon: <InfoToken.Information size="md" />,
34
35
  vars: () => ({
35
36
  root: {
36
37
  '--alert-color': 'var(--mantine-color-text)',
37
38
  '--alert-bg': 'var(--mantine-color-gray-light)',
39
+ '--alert-bd': '2px solid var(--mantine-color-gray-light)',
40
+ '--alert-radius': 'var(--mantine-radius-sm)',
38
41
  },
39
42
  }),
40
43
  });
41
44
  (AlertInformation as ComponentType).displayName = 'Alert.Information';
42
45
 
43
46
  const AlertAdvice = Alert.withProps({
44
- icon: <InfoToken.Advice />,
47
+ icon: <InfoToken.Advice size="md" />,
45
48
  vars: () => ({
46
49
  root: {
47
50
  '--alert-color': 'var(--mantine-primary-color-filled)',
48
51
  '--alert-bg': 'var(--mantine-primary-color-light)',
52
+ '--alert-bd': '2px solid var(--mantine-primary-color-light)',
53
+ '--alert-radius': 'var(--mantine-radius-sm)',
49
54
  },
50
55
  }),
51
56
  });
52
57
  (AlertAdvice as ComponentType).displayName = 'Alert.Advice';
53
58
 
59
+ const AlertSuccess = Alert.withProps({
60
+ icon: <InfoToken.Success size="md" />,
61
+ vars: () => ({
62
+ root: {
63
+ '--alert-color': 'var(--mantine-color-green-filled)',
64
+ '--alert-bg': 'var(--mantine-color-green-light)',
65
+ '--alert-bd': '2px solid var(--mantine-color-green-light)',
66
+ '--alert-radius': 'var(--mantine-radius-sm)',
67
+ },
68
+ }),
69
+ });
70
+ (AlertSuccess as ComponentType).displayName = 'Alert.Success';
71
+
54
72
  const AlertWarning = Alert.withProps({
55
73
  color: 'warning',
56
- icon: <InfoToken.Warning />,
74
+ icon: <InfoToken.Warning size="md" />,
57
75
  vars: () => ({
58
76
  root: {
59
- '--alert-color': 'var(--mantine-color-warning-filled)',
60
- '--alert-bg': 'var(--mantine-color-warning-light)',
77
+ '--alert-color': 'var(--mantine-color-yellow-text)',
78
+ '--alert-bg': 'var(--mantine-color-yellow-light)',
79
+ '--alert-bd': '2px solid var(--mantine-color-yellow-light)',
80
+ '--alert-radius': 'var(--mantine-radius-sm)',
61
81
  },
62
82
  }),
63
83
  });
64
84
  (AlertWarning as ComponentType).displayName = 'Alert.Warning';
65
85
 
66
86
  const AlertCritical = Alert.withProps({
67
- icon: <InfoToken.Error />,
87
+ icon: <InfoToken.Error size="md" />,
68
88
  vars: () => ({
69
89
  root: {
70
90
  '--alert-color': 'var(--mantine-color-error)',
71
91
  '--alert-bg': 'var(--mantine-color-red-light)',
92
+ '--alert-bd': '2px solid var(--mantine-color-red-light)',
93
+ '--alert-radius': 'var(--mantine-radius-sm)',
72
94
  },
73
95
  }),
74
96
  });
@@ -78,3 +100,4 @@ Alert.Information = AlertInformation;
78
100
  Alert.Advice = AlertAdvice;
79
101
  Alert.Warning = AlertWarning;
80
102
  Alert.Critical = AlertCritical;
103
+ Alert.Success = AlertSuccess;
package/src/styles/Alert.module.css CHANGED
@@ -2,13 +2,26 @@
2
2
  font-weight: var(--coveo-fw-bold);
3
3
  }
4
4
 
5
+ .label {
6
+ color: var(--mantine-color-text);
7
+ }
8
+
9
+ .wrapper {
10
+ gap: var(--mantine-spacing-sm);
11
+ }
12
+
5
13
  .icon {
6
- margin-inline-end: var(--mantine-spacing-sm);
14
+ margin-inline-end: 0;
15
+ margin-top: 0;
16
+ width: var(--mantine-spacing-md);
17
+ height: var(--mantine-spacing-md);
18
+ }
19
+
20
+ .body {
21
+ gap: var(--mantine-spacing-xxs);
22
+ padding: var(--mantine-spacing-xxs) 0;
7
23
  }
8
24
 
9
25
  .closeButton {
10
- & svg {
11
- width: 20px;
12
- height: 20px;
13
- }
26
+ color: var(--mantine-color-text);
14
27
  }
package/src/styles/Modal.module.css CHANGED
@@ -12,13 +12,13 @@
12
12
  }
13
13
 
14
14
  .content {
15
- overflow-y: initial;
16
15
  display: flex;
17
16
  flex-direction: column;
17
+ overflow: hidden;
18
18
  }
19
19
 
20
20
  .body {
21
- overflow-y: scroll;
21
+ overflow-y: auto;
22
22
  border-end-start-radius: var(--modal-radius, var(--mantine-radius-default));
23
23
  border-end-end-radius: var(--modal-radius, var(--mantine-radius-default));
24
24
  }