@aristobyte-ui/message-box 1.0.67 → 1.0.70
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +0 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +0 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +5 -12
package/dist/index.js
CHANGED
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../index.ts","../../../node_modules/clsx/dist/clsx.mjs","../components/MessageBox.tsx"],"sourcesContent":["export * from \"./components\";\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","\"use client\";\n\nimport * as React from \"react\";\nimport clsx from \"clsx\";\nimport { type IconPropsType, Icons } from \"@aristobyte-ui/utils\";\n\ntype MessageBoxVariant =\n | \"default\"\n | \"primary\"\n | \"secondary\"\n | \"warning\"\n | \"success\"\n | \"error\";\ntype MessageBoxType =\n | \"solid\"\n | \"outline\"\n | \"outline-dashed\"\n | \"no-outline\"\n | \"glowing\";\ntype MessageBoxRadius = \"none\" | \"sm\" | \"md\" | \"lg\" | \"full\";\n\nexport interface IMessageBox {\n variant?: MessageBoxVariant;\n children?: React.ReactElement | React.ReactNode | string;\n withIcon?: boolean;\n customIcon?: {\n component: (props: IconPropsType) => React.JSX.Element;\n size?: number;\n color?: string;\n };\n radius?: MessageBoxRadius;\n type?: MessageBoxType;\n className?: string;\n style?: React.CSSProperties;\n}\n\nconst renderIcon = (variant: MessageBoxVariant) => {\n switch (variant) {\n case \"warning\":\n return Icons.Warning;\n case \"success\":\n return Icons.Success;\n case \"error\":\n return Icons.Error;\n case \"primary\":\n case \"secondary\":\n default:\n return Icons.Info;\n }\n};\n\nexport const MessageBox: React.FC<IMessageBox> = ({\n children,\n variant = \"default\",\n withIcon = false,\n customIcon = null,\n radius = \"md\",\n type = \"outline\",\n className = \"\",\n style = {},\n}) => {\n return (\n <div\n className={clsx(\n \"message-box\",\n `message-box--${variant}`,\n `message-box-type--${type}`,\n `message-box-radius-${radius}`,\n className\n )}\n style={style}\n >\n {withIcon && (\n <span className={clsx(\"message-box__icon\")}>\n {customIcon?.component({\n size: customIcon.size,\n color: customIcon.color,\n }) || renderIcon(variant)({})}\n </span>\n )}\n <p\n className=\"message-box__content\"\n dangerouslySetInnerHTML={{ __html: children || \"\" }}\n />\n </div>\n );\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../index.ts","../../../node_modules/clsx/dist/clsx.mjs","../components/MessageBox.tsx"],"sourcesContent":["export * from \"./components\";\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","\"use client\";\n\nimport * as React from \"react\";\nimport clsx from \"clsx\";\nimport { type IconPropsType, Icons } from \"@aristobyte-ui/utils\";\n\ntype MessageBoxVariant =\n | \"default\"\n | \"primary\"\n | \"secondary\"\n | \"warning\"\n | \"success\"\n | \"error\";\ntype MessageBoxType =\n | \"solid\"\n | \"outline\"\n | \"outline-dashed\"\n | \"no-outline\"\n | \"glowing\";\ntype MessageBoxRadius = \"none\" | \"sm\" | \"md\" | \"lg\" | \"full\";\n\nexport interface IMessageBox {\n variant?: MessageBoxVariant;\n children?: React.ReactElement | React.ReactNode | string;\n withIcon?: boolean;\n customIcon?: {\n component: (props: IconPropsType) => React.JSX.Element;\n size?: number;\n color?: string;\n };\n radius?: MessageBoxRadius;\n type?: MessageBoxType;\n className?: string;\n style?: React.CSSProperties;\n}\n\nconst renderIcon = (variant: MessageBoxVariant) => {\n switch (variant) {\n case \"warning\":\n return Icons.Warning;\n case \"success\":\n return Icons.Success;\n case \"error\":\n return Icons.Error;\n case \"primary\":\n case \"secondary\":\n default:\n return Icons.Info;\n }\n};\n\nexport const MessageBox: React.FC<IMessageBox> = ({\n children,\n variant = \"default\",\n withIcon = false,\n customIcon = null,\n radius = \"md\",\n type = \"outline\",\n className = \"\",\n style = {},\n}) => {\n return (\n <div\n className={clsx(\n \"message-box\",\n `message-box--${variant}`,\n `message-box-type--${type}`,\n `message-box-radius-${radius}`,\n className\n )}\n style={style}\n >\n {withIcon && (\n <span className={clsx(\"message-box__icon\")}>\n {customIcon?.component({\n size: customIcon.size,\n color: customIcon.color,\n }) || renderIcon(variant)({})}\n </span>\n )}\n <p\n className=\"message-box__content\"\n dangerouslySetInnerHTML={{ __html: children || \"\" }}\n />\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,SAAS,EAAE,GAAE;AAAC,MAAI,GAAE,GAAE,IAAE;AAAG,MAAG,YAAU,OAAO,KAAG,YAAU,OAAO,EAAE,MAAG;AAAA,WAAU,YAAU,OAAO,EAAE,KAAG,MAAM,QAAQ,CAAC,GAAE;AAAC,QAAI,IAAE,EAAE;AAAO,SAAI,IAAE,GAAE,IAAE,GAAE,IAAI,GAAE,CAAC,MAAI,IAAE,EAAE,EAAE,CAAC,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;AAAA,EAAE,MAAM,MAAI,KAAK,EAAE,GAAE,CAAC,MAAI,MAAI,KAAG,MAAK,KAAG;AAAG,SAAO;AAAC;AAAQ,SAAS,OAAM;AAAC,WAAQ,GAAE,GAAE,IAAE,GAAE,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAAC,IAAE,UAAU,CAAC,OAAK,IAAE,EAAE,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;AAAG,SAAO;AAAC;AAAC,IAAO,eAAQ;;;ACI/X,mBAA0C;AA0DtC;AA1BJ,IAAM,aAAa,CAAC,YAA+B;AACjD,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO,mBAAM;AAAA,IACf,KAAK;AACH,aAAO,mBAAM;AAAA,IACf,KAAK;AACH,aAAO,mBAAM;AAAA,IACf,KAAK;AAAA,IACL,KAAK;AAAA,IACL;AACE,aAAO,mBAAM;AAAA,EACjB;AACF;AAEO,IAAM,aAAoC,CAAC;AAAA,EAChD;AAAA,EACA,UAAU;AAAA,EACV,WAAW;AAAA,EACX,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,QAAQ,CAAC;AACX,MAAM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,gBAAgB,OAAO;AAAA,QACvB,qBAAqB,IAAI;AAAA,QACzB,sBAAsB,MAAM;AAAA,QAC5B;AAAA,MACF;AAAA,MACA;AAAA,MAEC;AAAA,oBACC,4CAAC,UAAK,WAAW,aAAK,mBAAmB,GACtC,oDAAY,UAAU;AAAA,UACrB,MAAM,WAAW;AAAA,UACjB,OAAO,WAAW;AAAA,QACpB,OAAM,WAAW,OAAO,EAAE,CAAC,CAAC,GAC9B;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,yBAAyB,EAAE,QAAQ,YAAY,GAAG;AAAA;AAAA,QACpD;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}
|
package/dist/index.mjs
CHANGED
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../node_modules/clsx/dist/clsx.mjs","../components/MessageBox.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","\"use client\";\n\nimport * as React from \"react\";\nimport clsx from \"clsx\";\nimport { type IconPropsType, Icons } from \"@aristobyte-ui/utils\";\n\ntype MessageBoxVariant =\n | \"default\"\n | \"primary\"\n | \"secondary\"\n | \"warning\"\n | \"success\"\n | \"error\";\ntype MessageBoxType =\n | \"solid\"\n | \"outline\"\n | \"outline-dashed\"\n | \"no-outline\"\n | \"glowing\";\ntype MessageBoxRadius = \"none\" | \"sm\" | \"md\" | \"lg\" | \"full\";\n\nexport interface IMessageBox {\n variant?: MessageBoxVariant;\n children?: React.ReactElement | React.ReactNode | string;\n withIcon?: boolean;\n customIcon?: {\n component: (props: IconPropsType) => React.JSX.Element;\n size?: number;\n color?: string;\n };\n radius?: MessageBoxRadius;\n type?: MessageBoxType;\n className?: string;\n style?: React.CSSProperties;\n}\n\nconst renderIcon = (variant: MessageBoxVariant) => {\n switch (variant) {\n case \"warning\":\n return Icons.Warning;\n case \"success\":\n return Icons.Success;\n case \"error\":\n return Icons.Error;\n case \"primary\":\n case \"secondary\":\n default:\n return Icons.Info;\n }\n};\n\nexport const MessageBox: React.FC<IMessageBox> = ({\n children,\n variant = \"default\",\n withIcon = false,\n customIcon = null,\n radius = \"md\",\n type = \"outline\",\n className = \"\",\n style = {},\n}) => {\n return (\n <div\n className={clsx(\n \"message-box\",\n `message-box--${variant}`,\n `message-box-type--${type}`,\n `message-box-radius-${radius}`,\n className\n )}\n style={style}\n >\n {withIcon && (\n <span className={clsx(\"message-box__icon\")}>\n {customIcon?.component({\n size: customIcon.size,\n color: customIcon.color,\n }) || renderIcon(variant)({})}\n </span>\n )}\n <p\n className=\"message-box__content\"\n dangerouslySetInnerHTML={{ __html: children || \"\" }}\n />\n </div>\n );\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../node_modules/clsx/dist/clsx.mjs","../components/MessageBox.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","\"use client\";\n\nimport * as React from \"react\";\nimport clsx from \"clsx\";\nimport { type IconPropsType, Icons } from \"@aristobyte-ui/utils\";\n\ntype MessageBoxVariant =\n | \"default\"\n | \"primary\"\n | \"secondary\"\n | \"warning\"\n | \"success\"\n | \"error\";\ntype MessageBoxType =\n | \"solid\"\n | \"outline\"\n | \"outline-dashed\"\n | \"no-outline\"\n | \"glowing\";\ntype MessageBoxRadius = \"none\" | \"sm\" | \"md\" | \"lg\" | \"full\";\n\nexport interface IMessageBox {\n variant?: MessageBoxVariant;\n children?: React.ReactElement | React.ReactNode | string;\n withIcon?: boolean;\n customIcon?: {\n component: (props: IconPropsType) => React.JSX.Element;\n size?: number;\n color?: string;\n };\n radius?: MessageBoxRadius;\n type?: MessageBoxType;\n className?: string;\n style?: React.CSSProperties;\n}\n\nconst renderIcon = (variant: MessageBoxVariant) => {\n switch (variant) {\n case \"warning\":\n return Icons.Warning;\n case \"success\":\n return Icons.Success;\n case \"error\":\n return Icons.Error;\n case \"primary\":\n case \"secondary\":\n default:\n return Icons.Info;\n }\n};\n\nexport const MessageBox: React.FC<IMessageBox> = ({\n children,\n variant = \"default\",\n withIcon = false,\n customIcon = null,\n radius = \"md\",\n type = \"outline\",\n className = \"\",\n style = {},\n}) => {\n return (\n <div\n className={clsx(\n \"message-box\",\n `message-box--${variant}`,\n `message-box-type--${type}`,\n `message-box-radius-${radius}`,\n className\n )}\n style={style}\n >\n {withIcon && (\n <span className={clsx(\"message-box__icon\")}>\n {customIcon?.component({\n size: customIcon.size,\n color: customIcon.color,\n }) || renderIcon(variant)({})}\n </span>\n )}\n <p\n className=\"message-box__content\"\n dangerouslySetInnerHTML={{ __html: children || \"\" }}\n />\n </div>\n );\n};\n"],"mappings":";;;AAAA,SAAS,EAAE,GAAE;AAAC,MAAI,GAAE,GAAE,IAAE;AAAG,MAAG,YAAU,OAAO,KAAG,YAAU,OAAO,EAAE,MAAG;AAAA,WAAU,YAAU,OAAO,EAAE,KAAG,MAAM,QAAQ,CAAC,GAAE;AAAC,QAAI,IAAE,EAAE;AAAO,SAAI,IAAE,GAAE,IAAE,GAAE,IAAI,GAAE,CAAC,MAAI,IAAE,EAAE,EAAE,CAAC,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;AAAA,EAAE,MAAM,MAAI,KAAK,EAAE,GAAE,CAAC,MAAI,MAAI,KAAG,MAAK,KAAG;AAAG,SAAO;AAAC;AAAQ,SAAS,OAAM;AAAC,WAAQ,GAAE,GAAE,IAAE,GAAE,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAAC,IAAE,UAAU,CAAC,OAAK,IAAE,EAAE,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;AAAG,SAAO;AAAC;AAAC,IAAO,eAAQ;;;ACI/X,SAA6B,aAAa;AA0DtC,SAWI,KAXJ;AA1BJ,IAAM,aAAa,CAAC,YAA+B;AACjD,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO,MAAM;AAAA,IACf,KAAK;AACH,aAAO,MAAM;AAAA,IACf,KAAK;AACH,aAAO,MAAM;AAAA,IACf,KAAK;AAAA,IACL,KAAK;AAAA,IACL;AACE,aAAO,MAAM;AAAA,EACjB;AACF;AAEO,IAAM,aAAoC,CAAC;AAAA,EAChD;AAAA,EACA,UAAU;AAAA,EACV,WAAW;AAAA,EACX,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,QAAQ,CAAC;AACX,MAAM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,gBAAgB,OAAO;AAAA,QACvB,qBAAqB,IAAI;AAAA,QACzB,sBAAsB,MAAM;AAAA,QAC5B;AAAA,MACF;AAAA,MACA;AAAA,MAEC;AAAA,oBACC,oBAAC,UAAK,WAAW,aAAK,mBAAmB,GACtC,oDAAY,UAAU;AAAA,UACrB,MAAM,WAAW;AAAA,UACjB,OAAO,WAAW;AAAA,QACpB,OAAM,WAAW,OAAO,EAAE,CAAC,CAAC,GAC9B;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,yBAAyB,EAAE,QAAQ,YAAY,GAAG;AAAA;AAAA,QACpD;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aristobyte-ui/message-box",
|
|
3
3
|
"description": "A fully-typed, modular, and flexible MessageBox component for AristoByteUI, supporting multiple variants, types, border-radius options, and optional icons.",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.70",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"private": false,
|
|
7
7
|
"author": "AristoByte <info@aristobyte.com>",
|
|
@@ -29,7 +29,6 @@
|
|
|
29
29
|
"notification",
|
|
30
30
|
"alert",
|
|
31
31
|
"modular",
|
|
32
|
-
"scss",
|
|
33
32
|
"design-tokens",
|
|
34
33
|
"frontend",
|
|
35
34
|
"flexible",
|
|
@@ -57,24 +56,18 @@
|
|
|
57
56
|
"check-types": "tsc --noEmit"
|
|
58
57
|
},
|
|
59
58
|
"dependencies": {
|
|
60
|
-
"@aristobyte-ui/utils": "^1.0.
|
|
61
|
-
"esbuild-sass-plugin": "^3.3.1",
|
|
59
|
+
"@aristobyte-ui/utils": "^1.0.70",
|
|
62
60
|
"react": "^19.1.0",
|
|
63
|
-
"react-dom": "^19.1.0"
|
|
64
|
-
"sass": "^1.89.0",
|
|
65
|
-
"tsup": "^8.5.0"
|
|
61
|
+
"react-dom": "^19.1.0"
|
|
66
62
|
},
|
|
67
63
|
"devDependencies": {
|
|
68
|
-
"@aristobyte-ui/eslint-config": "^1.0.
|
|
69
|
-
"@aristobyte-ui/typescript-config": "^1.0.
|
|
64
|
+
"@aristobyte-ui/eslint-config": "^1.0.70",
|
|
65
|
+
"@aristobyte-ui/typescript-config": "^1.0.70",
|
|
70
66
|
"@turbo/gen": "^2.5.0",
|
|
71
67
|
"@types/node": "^24.3.0",
|
|
72
68
|
"@types/react": "19.1.0",
|
|
73
69
|
"@types/react-dom": "19.1.1",
|
|
74
|
-
"autoprefixer": "^10.4.21",
|
|
75
70
|
"eslint": "^9.27.0",
|
|
76
|
-
"postcss": "^8.5.3",
|
|
77
|
-
"sass-embedded": "^1.91.0",
|
|
78
71
|
"tsup": "^8.5.0",
|
|
79
72
|
"typescript": "^5.8.3"
|
|
80
73
|
}
|