@activecollab/components 2.0.229 → 2.0.230
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/cjs/components/InfoBox/InfoBox.js +1 -1
- package/dist/cjs/components/InfoBox/InfoBox.js.map +1 -1
- package/dist/cjs/utils/colors.js +4 -2
- package/dist/cjs/utils/colors.js.map +1 -1
- package/dist/esm/components/InfoBox/InfoBox.js +2 -2
- package/dist/esm/components/InfoBox/InfoBox.js.map +1 -1
- package/dist/esm/utils/colors.d.ts +2 -0
- package/dist/esm/utils/colors.d.ts.map +1 -1
- package/dist/esm/utils/colors.js +3 -1
- package/dist/esm/utils/colors.js.map +1 -1
- package/dist/index.js +5 -2
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -31,7 +31,7 @@ var InfoBox = exports.InfoBox = function InfoBox(_ref) {
|
|
|
31
31
|
note: _utils.colors.yellowWarning.color,
|
|
32
32
|
default: _utils.colors.blueSky.color,
|
|
33
33
|
neutral: _utils.colors.gray.color,
|
|
34
|
-
ai: _utils.
|
|
34
|
+
ai: _utils.aiColors.aiGradient.color
|
|
35
35
|
};
|
|
36
36
|
|
|
37
37
|
// https://davidwalsh.name/hex-opacity
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfoBox.js","names":["_react","_interopRequireDefault","require","_Styles","_utils","_Icons","_Typography","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","InfoBox","exports","_ref","_ref$type","type","children","showIcon","icon","_ref$title","title","_ref$action","action","rest","statusColors","success","colors","greenSuccess","color","warning","redAlert","note","yellowWarning","blueSky","neutral","gray","ai","aiGradient","opacity","createElement","StyledInfoBoxWrapper","$color","concat","$opacity","$type","StyledInfoBoxContainer","React","isValidElement","cloneElement","fill","width","CheckboxBlankTogglerIcon","CloseCircleIcon","InfoIcon","gradient","StyledInfoBoxHeader","$hasTitle","SyledInfoBoxInnerHeader","Body2","weight","lineHeight"],"sources":["../../../../src/components/InfoBox/InfoBox.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport {\n StyledInfoBoxContainer,\n StyledInfoBoxHeader,\n StyledInfoBoxWrapper,\n SyledInfoBoxInnerHeader,\n} from \"./Styles\";\nimport { colors } from \"../../utils\";\nimport { CheckboxBlankTogglerIcon, CloseCircleIcon, InfoIcon } from \"../Icons\";\nimport { ElementWithRef } from \"../Select\";\nimport { Body2 } from \"../Typography\";\n\nexport type InfoBoxType =\n | \"success\"\n | \"warning\"\n | \"note\"\n | \"default\"\n | \"neutral\"\n | \"ai\";\n\nexport interface InfoBoxProps {\n type: InfoBoxType;\n children?: ReactNode;\n showIcon?: boolean;\n title?: ReactNode | string;\n icon?: ElementWithRef<SVGSVGElement>;\n action?: ReactNode;\n}\n\nexport const InfoBox: React.FC<InfoBoxProps> = ({\n type = \"default\",\n children,\n showIcon,\n icon,\n title = null,\n action = null,\n ...rest\n}) => {\n const statusColors: Record<InfoBoxType, string> = {\n success: colors.greenSuccess.color,\n warning: colors.redAlert.color,\n note: colors.yellowWarning.color,\n default: colors.blueSky.color,\n neutral: colors.gray.color,\n ai:
|
|
1
|
+
{"version":3,"file":"InfoBox.js","names":["_react","_interopRequireDefault","require","_Styles","_utils","_Icons","_Typography","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","InfoBox","exports","_ref","_ref$type","type","children","showIcon","icon","_ref$title","title","_ref$action","action","rest","statusColors","success","colors","greenSuccess","color","warning","redAlert","note","yellowWarning","blueSky","neutral","gray","ai","aiColors","aiGradient","opacity","createElement","StyledInfoBoxWrapper","$color","concat","$opacity","$type","StyledInfoBoxContainer","React","isValidElement","cloneElement","fill","width","CheckboxBlankTogglerIcon","CloseCircleIcon","InfoIcon","gradient","StyledInfoBoxHeader","$hasTitle","SyledInfoBoxInnerHeader","Body2","weight","lineHeight"],"sources":["../../../../src/components/InfoBox/InfoBox.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport {\n StyledInfoBoxContainer,\n StyledInfoBoxHeader,\n StyledInfoBoxWrapper,\n SyledInfoBoxInnerHeader,\n} from \"./Styles\";\nimport { colors, aiColors } from \"../../utils\";\nimport { CheckboxBlankTogglerIcon, CloseCircleIcon, InfoIcon } from \"../Icons\";\nimport { ElementWithRef } from \"../Select\";\nimport { Body2 } from \"../Typography\";\n\nexport type InfoBoxType =\n | \"success\"\n | \"warning\"\n | \"note\"\n | \"default\"\n | \"neutral\"\n | \"ai\";\n\nexport interface InfoBoxProps {\n type: InfoBoxType;\n children?: ReactNode;\n showIcon?: boolean;\n title?: ReactNode | string;\n icon?: ElementWithRef<SVGSVGElement>;\n action?: ReactNode;\n}\n\nexport const InfoBox: React.FC<InfoBoxProps> = ({\n type = \"default\",\n children,\n showIcon,\n icon,\n title = null,\n action = null,\n ...rest\n}) => {\n const statusColors: Record<InfoBoxType, string> = {\n success: colors.greenSuccess.color,\n warning: colors.redAlert.color,\n note: colors.yellowWarning.color,\n default: colors.blueSky.color,\n neutral: colors.gray.color,\n ai: aiColors.aiGradient.color,\n };\n\n // https://davidwalsh.name/hex-opacity\n const opacity = \"1A\";\n\n return (\n <StyledInfoBoxWrapper\n $color={`${statusColors[type]}`}\n $opacity={opacity}\n $type={type}\n {...rest}\n >\n <StyledInfoBoxContainer>\n {showIcon && (\n <span>\n {icon && React.isValidElement(icon) ? (\n React.cloneElement(icon, {\n fill: statusColors[type],\n width: 18,\n })\n ) : type === \"success\" ? (\n <CheckboxBlankTogglerIcon fill={statusColors[type]} width={18} />\n ) : type === \"warning\" ? (\n <CloseCircleIcon fill={statusColors[type]} width={18} />\n ) : type === \"ai\" ? (\n <InfoIcon gradient={statusColors[type]} width={18} />\n ) : type === \"note\" || type === \"default\" ? (\n <InfoIcon fill={statusColors[type]} width={18} />\n ) : (\n <InfoIcon fill={statusColors[\"neutral\"]} width={18} />\n )}\n </span>\n )}\n <StyledInfoBoxHeader $hasTitle={title ? true : false}>\n <SyledInfoBoxInnerHeader>\n {typeof title === \"string\" && title ? (\n <Body2 weight=\"bold\" lineHeight=\"loose\">\n {title}\n </Body2>\n ) : (\n title\n )}\n {action}\n </SyledInfoBoxInnerHeader>\n {children}\n </StyledInfoBoxHeader>\n </StyledInfoBoxContainer>\n </StyledInfoBoxWrapper>\n );\n};\n"],"mappings":"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"}
|
package/dist/cjs/utils/colors.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.colors = void 0;
|
|
6
|
+
exports.colors = exports.aiColors = void 0;
|
|
7
7
|
var colors = exports.colors = {
|
|
8
8
|
yellow: {
|
|
9
9
|
name: "Yellow",
|
|
@@ -106,7 +106,9 @@ var colors = exports.colors = {
|
|
|
106
106
|
yellowWarning: {
|
|
107
107
|
name: "Yellow warning",
|
|
108
108
|
color: "#FFCC6B"
|
|
109
|
-
}
|
|
109
|
+
}
|
|
110
|
+
};
|
|
111
|
+
var aiColors = exports.aiColors = {
|
|
110
112
|
aiGradient: {
|
|
111
113
|
name: "AI Gradient",
|
|
112
114
|
color: "linear-gradient(135deg, #4da2ed, #9f69e5, #ec43d8, #f72222)",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","names":["colors","exports","yellow","name","color","darker","lighter","orange","beige","pink","coral","purpleDirty","purple","blueAqua","bluePale","blueSky","turquoise","greenPale","greenOliveDrab","graySilver","gray","greenSuccess","redAlert","yellowWarning","aiGradient"],"sources":["../../../src/utils/colors.ts"],"sourcesContent":["export const colors = {\n yellow: {\n name: \"Yellow\",\n color: \"#FDF196\",\n darker: \"#948D5D\",\n lighter: \"#EBD429\",\n },\n orange: {\n name: \"Orange\",\n color: \"#FBBB75\",\n darker: \"#916C43\",\n lighter: \"#E99841\",\n },\n beige: {\n name: \"Beige\",\n color: \"#EAC2AD\",\n darker: \"#877064\",\n lighter: \"#B98A72\",\n },\n pink: {\n name: \"Pink\",\n color: \"#FBD6E7\",\n darker: \"#917C86\",\n lighter: \"#E4A1C0\",\n },\n coral: {\n name: \"Coral\",\n color: \"#FF9C9C\",\n darker: \"#945A5A\",\n lighter: \"#DB4545\",\n },\n purpleDirty: {\n name: \"Purple dirty\",\n color: \"#C49CB6\",\n darker: \"#715A69\",\n lighter: \"#B16E9A\",\n },\n purple: {\n name: \"Purple\",\n color: \"#BEACF9\",\n darker: \"#6E6390\",\n lighter: \"#9B86DF\",\n },\n blueAqua: {\n name: \"Blue aqua\",\n color: \"#BDF7FD\",\n darker: \"#6D8F92\",\n lighter: \"#7BDDE7\",\n },\n bluePale: {\n name: \"Blue pale\",\n color: \"#BEEAFF\",\n darker: \"#6E8794\",\n lighter: \"#92BFD4\",\n },\n blueSky: {\n name: \"Blue sky\",\n color: \"#A0CBFD\",\n darker: \"#5C7592\",\n lighter: \"#568CCB\",\n },\n turquoise: {\n name: \"Turquoise\",\n color: \"#B9E4E0\",\n darker: \"#6B8482\",\n lighter: \"#70BFB8\",\n },\n greenPale: {\n name: \"Green pale\",\n color: \"#C3E799\",\n darker: \"#718658\",\n lighter: \"#80C333\",\n },\n greenOliveDrab: {\n name: \"Green olive drab\",\n color: \"#98B57C\",\n darker: \"#647157\",\n lighter: \"#819F65\",\n },\n graySilver: {\n name: \"Gray silver\",\n color: \"#DDDDDD\",\n darker: \"#808080\",\n lighter: \"#ACACAC\",\n },\n gray: {\n name: \"Gray\",\n color: \"#CACACA\",\n darker: \"#757575\",\n lighter: \"#7D7D7D\",\n },\n greenSuccess: {\n name: \"Green success\",\n color: \"#64CD93\",\n },\n redAlert: {\n name: \"Red alert\",\n color: \"#ED6161\",\n },\n yellowWarning: {\n name: \"Yellow warning\",\n color: \"#FFCC6B\",\n },\n aiGradient: {\n name: \"AI Gradient\",\n color: \"linear-gradient(135deg, #4da2ed, #9f69e5, #ec43d8, #f72222)\",\n lighter:\n \"linear-gradient(135deg,rgba(77, 162, 237, 0.1),rgba(159, 105, 229, 0.1),rgba(236, 67, 216, 0.1),rgba(230, 10, 10, 0.1))\",\n },\n};\n"],"mappings":";;;;;;AAAO,IAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG;EACpBE,MAAM,EAAE;IACNC,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDC,MAAM,EAAE;IACNJ,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDE,KAAK,EAAE;IACLL,IAAI,EAAE,OAAO;IACbC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDG,IAAI,EAAE;IACJN,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDI,KAAK,EAAE;IACLP,IAAI,EAAE,OAAO;IACbC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDK,WAAW,EAAE;IACXR,IAAI,EAAE,cAAc;IACpBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDM,MAAM,EAAE;IACNT,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDO,QAAQ,EAAE;IACRV,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDQ,QAAQ,EAAE;IACRX,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDS,OAAO,EAAE;IACPZ,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDU,SAAS,EAAE;IACTb,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDW,SAAS,EAAE;IACTd,IAAI,EAAE,YAAY;IAClBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDY,cAAc,EAAE;IACdf,IAAI,EAAE,kBAAkB;IACxBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDa,UAAU,EAAE;IACVhB,IAAI,EAAE,aAAa;IACnBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDc,IAAI,EAAE;IACJjB,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDe,YAAY,EAAE;IACZlB,IAAI,EAAE,eAAe;IACrBC,KAAK,EAAE;EACT,CAAC;EACDkB,QAAQ,EAAE;IACRnB,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE;EACT,CAAC;EACDmB,aAAa,EAAE;IACbpB,IAAI,EAAE,gBAAgB;IACtBC,KAAK,EAAE;EACT,CAAC;
|
|
1
|
+
{"version":3,"file":"colors.js","names":["colors","exports","yellow","name","color","darker","lighter","orange","beige","pink","coral","purpleDirty","purple","blueAqua","bluePale","blueSky","turquoise","greenPale","greenOliveDrab","graySilver","gray","greenSuccess","redAlert","yellowWarning","aiColors","aiGradient"],"sources":["../../../src/utils/colors.ts"],"sourcesContent":["export const colors = {\n yellow: {\n name: \"Yellow\",\n color: \"#FDF196\",\n darker: \"#948D5D\",\n lighter: \"#EBD429\",\n },\n orange: {\n name: \"Orange\",\n color: \"#FBBB75\",\n darker: \"#916C43\",\n lighter: \"#E99841\",\n },\n beige: {\n name: \"Beige\",\n color: \"#EAC2AD\",\n darker: \"#877064\",\n lighter: \"#B98A72\",\n },\n pink: {\n name: \"Pink\",\n color: \"#FBD6E7\",\n darker: \"#917C86\",\n lighter: \"#E4A1C0\",\n },\n coral: {\n name: \"Coral\",\n color: \"#FF9C9C\",\n darker: \"#945A5A\",\n lighter: \"#DB4545\",\n },\n purpleDirty: {\n name: \"Purple dirty\",\n color: \"#C49CB6\",\n darker: \"#715A69\",\n lighter: \"#B16E9A\",\n },\n purple: {\n name: \"Purple\",\n color: \"#BEACF9\",\n darker: \"#6E6390\",\n lighter: \"#9B86DF\",\n },\n blueAqua: {\n name: \"Blue aqua\",\n color: \"#BDF7FD\",\n darker: \"#6D8F92\",\n lighter: \"#7BDDE7\",\n },\n bluePale: {\n name: \"Blue pale\",\n color: \"#BEEAFF\",\n darker: \"#6E8794\",\n lighter: \"#92BFD4\",\n },\n blueSky: {\n name: \"Blue sky\",\n color: \"#A0CBFD\",\n darker: \"#5C7592\",\n lighter: \"#568CCB\",\n },\n turquoise: {\n name: \"Turquoise\",\n color: \"#B9E4E0\",\n darker: \"#6B8482\",\n lighter: \"#70BFB8\",\n },\n greenPale: {\n name: \"Green pale\",\n color: \"#C3E799\",\n darker: \"#718658\",\n lighter: \"#80C333\",\n },\n greenOliveDrab: {\n name: \"Green olive drab\",\n color: \"#98B57C\",\n darker: \"#647157\",\n lighter: \"#819F65\",\n },\n graySilver: {\n name: \"Gray silver\",\n color: \"#DDDDDD\",\n darker: \"#808080\",\n lighter: \"#ACACAC\",\n },\n gray: {\n name: \"Gray\",\n color: \"#CACACA\",\n darker: \"#757575\",\n lighter: \"#7D7D7D\",\n },\n greenSuccess: {\n name: \"Green success\",\n color: \"#64CD93\",\n },\n redAlert: {\n name: \"Red alert\",\n color: \"#ED6161\",\n },\n yellowWarning: {\n name: \"Yellow warning\",\n color: \"#FFCC6B\",\n },\n};\n\nexport const aiColors = {\n aiGradient: {\n name: \"AI Gradient\",\n color: \"linear-gradient(135deg, #4da2ed, #9f69e5, #ec43d8, #f72222)\",\n lighter:\n \"linear-gradient(135deg,rgba(77, 162, 237, 0.1),rgba(159, 105, 229, 0.1),rgba(236, 67, 216, 0.1),rgba(230, 10, 10, 0.1))\",\n },\n};\n"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { StyledInfoBoxContainer, StyledInfoBoxHeader, StyledInfoBoxWrapper, SyledInfoBoxInnerHeader } from "./Styles";
|
|
4
|
-
import { colors } from "../../utils";
|
|
4
|
+
import { colors, aiColors } from "../../utils";
|
|
5
5
|
import { CheckboxBlankTogglerIcon, CloseCircleIcon, InfoIcon } from "../Icons";
|
|
6
6
|
import { Body2 } from "../Typography";
|
|
7
7
|
export const InfoBox = _ref => {
|
|
@@ -20,7 +20,7 @@ export const InfoBox = _ref => {
|
|
|
20
20
|
note: colors.yellowWarning.color,
|
|
21
21
|
default: colors.blueSky.color,
|
|
22
22
|
neutral: colors.gray.color,
|
|
23
|
-
ai:
|
|
23
|
+
ai: aiColors.aiGradient.color
|
|
24
24
|
};
|
|
25
25
|
|
|
26
26
|
// https://davidwalsh.name/hex-opacity
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfoBox.js","names":["React","StyledInfoBoxContainer","StyledInfoBoxHeader","StyledInfoBoxWrapper","SyledInfoBoxInnerHeader","colors","CheckboxBlankTogglerIcon","CloseCircleIcon","InfoIcon","Body2","InfoBox","_ref","type","children","showIcon","icon","title","action","rest","statusColors","success","greenSuccess","color","warning","redAlert","note","yellowWarning","default","blueSky","neutral","gray","ai","aiGradient","opacity","createElement","_extends","$color","$opacity","$type","isValidElement","cloneElement","fill","width","gradient","$hasTitle","weight","lineHeight"],"sources":["../../../../src/components/InfoBox/InfoBox.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport {\n StyledInfoBoxContainer,\n StyledInfoBoxHeader,\n StyledInfoBoxWrapper,\n SyledInfoBoxInnerHeader,\n} from \"./Styles\";\nimport { colors } from \"../../utils\";\nimport { CheckboxBlankTogglerIcon, CloseCircleIcon, InfoIcon } from \"../Icons\";\nimport { ElementWithRef } from \"../Select\";\nimport { Body2 } from \"../Typography\";\n\nexport type InfoBoxType =\n | \"success\"\n | \"warning\"\n | \"note\"\n | \"default\"\n | \"neutral\"\n | \"ai\";\n\nexport interface InfoBoxProps {\n type: InfoBoxType;\n children?: ReactNode;\n showIcon?: boolean;\n title?: ReactNode | string;\n icon?: ElementWithRef<SVGSVGElement>;\n action?: ReactNode;\n}\n\nexport const InfoBox: React.FC<InfoBoxProps> = ({\n type = \"default\",\n children,\n showIcon,\n icon,\n title = null,\n action = null,\n ...rest\n}) => {\n const statusColors: Record<InfoBoxType, string> = {\n success: colors.greenSuccess.color,\n warning: colors.redAlert.color,\n note: colors.yellowWarning.color,\n default: colors.blueSky.color,\n neutral: colors.gray.color,\n ai:
|
|
1
|
+
{"version":3,"file":"InfoBox.js","names":["React","StyledInfoBoxContainer","StyledInfoBoxHeader","StyledInfoBoxWrapper","SyledInfoBoxInnerHeader","colors","aiColors","CheckboxBlankTogglerIcon","CloseCircleIcon","InfoIcon","Body2","InfoBox","_ref","type","children","showIcon","icon","title","action","rest","statusColors","success","greenSuccess","color","warning","redAlert","note","yellowWarning","default","blueSky","neutral","gray","ai","aiGradient","opacity","createElement","_extends","$color","$opacity","$type","isValidElement","cloneElement","fill","width","gradient","$hasTitle","weight","lineHeight"],"sources":["../../../../src/components/InfoBox/InfoBox.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport {\n StyledInfoBoxContainer,\n StyledInfoBoxHeader,\n StyledInfoBoxWrapper,\n SyledInfoBoxInnerHeader,\n} from \"./Styles\";\nimport { colors, aiColors } from \"../../utils\";\nimport { CheckboxBlankTogglerIcon, CloseCircleIcon, InfoIcon } from \"../Icons\";\nimport { ElementWithRef } from \"../Select\";\nimport { Body2 } from \"../Typography\";\n\nexport type InfoBoxType =\n | \"success\"\n | \"warning\"\n | \"note\"\n | \"default\"\n | \"neutral\"\n | \"ai\";\n\nexport interface InfoBoxProps {\n type: InfoBoxType;\n children?: ReactNode;\n showIcon?: boolean;\n title?: ReactNode | string;\n icon?: ElementWithRef<SVGSVGElement>;\n action?: ReactNode;\n}\n\nexport const InfoBox: React.FC<InfoBoxProps> = ({\n type = \"default\",\n children,\n showIcon,\n icon,\n title = null,\n action = null,\n ...rest\n}) => {\n const statusColors: Record<InfoBoxType, string> = {\n success: colors.greenSuccess.color,\n warning: colors.redAlert.color,\n note: colors.yellowWarning.color,\n default: colors.blueSky.color,\n neutral: colors.gray.color,\n ai: aiColors.aiGradient.color,\n };\n\n // https://davidwalsh.name/hex-opacity\n const opacity = \"1A\";\n\n return (\n <StyledInfoBoxWrapper\n $color={`${statusColors[type]}`}\n $opacity={opacity}\n $type={type}\n {...rest}\n >\n <StyledInfoBoxContainer>\n {showIcon && (\n <span>\n {icon && React.isValidElement(icon) ? (\n React.cloneElement(icon, {\n fill: statusColors[type],\n width: 18,\n })\n ) : type === \"success\" ? (\n <CheckboxBlankTogglerIcon fill={statusColors[type]} width={18} />\n ) : type === \"warning\" ? (\n <CloseCircleIcon fill={statusColors[type]} width={18} />\n ) : type === \"ai\" ? (\n <InfoIcon gradient={statusColors[type]} width={18} />\n ) : type === \"note\" || type === \"default\" ? (\n <InfoIcon fill={statusColors[type]} width={18} />\n ) : (\n <InfoIcon fill={statusColors[\"neutral\"]} width={18} />\n )}\n </span>\n )}\n <StyledInfoBoxHeader $hasTitle={title ? true : false}>\n <SyledInfoBoxInnerHeader>\n {typeof title === \"string\" && title ? (\n <Body2 weight=\"bold\" lineHeight=\"loose\">\n {title}\n </Body2>\n ) : (\n title\n )}\n {action}\n </SyledInfoBoxInnerHeader>\n {children}\n </StyledInfoBoxHeader>\n </StyledInfoBoxContainer>\n </StyledInfoBoxWrapper>\n );\n};\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/utils/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/utils/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuGlB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;CAOpB,CAAC"}
|
package/dist/esm/utils/colors.js
CHANGED
|
@@ -100,7 +100,9 @@ export const colors = {
|
|
|
100
100
|
yellowWarning: {
|
|
101
101
|
name: "Yellow warning",
|
|
102
102
|
color: "#FFCC6B"
|
|
103
|
-
}
|
|
103
|
+
}
|
|
104
|
+
};
|
|
105
|
+
export const aiColors = {
|
|
104
106
|
aiGradient: {
|
|
105
107
|
name: "AI Gradient",
|
|
106
108
|
color: "linear-gradient(135deg, #4da2ed, #9f69e5, #ec43d8, #f72222)",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","names":["colors","yellow","name","color","darker","lighter","orange","beige","pink","coral","purpleDirty","purple","blueAqua","bluePale","blueSky","turquoise","greenPale","greenOliveDrab","graySilver","gray","greenSuccess","redAlert","yellowWarning","aiGradient"],"sources":["../../../src/utils/colors.ts"],"sourcesContent":["export const colors = {\n yellow: {\n name: \"Yellow\",\n color: \"#FDF196\",\n darker: \"#948D5D\",\n lighter: \"#EBD429\",\n },\n orange: {\n name: \"Orange\",\n color: \"#FBBB75\",\n darker: \"#916C43\",\n lighter: \"#E99841\",\n },\n beige: {\n name: \"Beige\",\n color: \"#EAC2AD\",\n darker: \"#877064\",\n lighter: \"#B98A72\",\n },\n pink: {\n name: \"Pink\",\n color: \"#FBD6E7\",\n darker: \"#917C86\",\n lighter: \"#E4A1C0\",\n },\n coral: {\n name: \"Coral\",\n color: \"#FF9C9C\",\n darker: \"#945A5A\",\n lighter: \"#DB4545\",\n },\n purpleDirty: {\n name: \"Purple dirty\",\n color: \"#C49CB6\",\n darker: \"#715A69\",\n lighter: \"#B16E9A\",\n },\n purple: {\n name: \"Purple\",\n color: \"#BEACF9\",\n darker: \"#6E6390\",\n lighter: \"#9B86DF\",\n },\n blueAqua: {\n name: \"Blue aqua\",\n color: \"#BDF7FD\",\n darker: \"#6D8F92\",\n lighter: \"#7BDDE7\",\n },\n bluePale: {\n name: \"Blue pale\",\n color: \"#BEEAFF\",\n darker: \"#6E8794\",\n lighter: \"#92BFD4\",\n },\n blueSky: {\n name: \"Blue sky\",\n color: \"#A0CBFD\",\n darker: \"#5C7592\",\n lighter: \"#568CCB\",\n },\n turquoise: {\n name: \"Turquoise\",\n color: \"#B9E4E0\",\n darker: \"#6B8482\",\n lighter: \"#70BFB8\",\n },\n greenPale: {\n name: \"Green pale\",\n color: \"#C3E799\",\n darker: \"#718658\",\n lighter: \"#80C333\",\n },\n greenOliveDrab: {\n name: \"Green olive drab\",\n color: \"#98B57C\",\n darker: \"#647157\",\n lighter: \"#819F65\",\n },\n graySilver: {\n name: \"Gray silver\",\n color: \"#DDDDDD\",\n darker: \"#808080\",\n lighter: \"#ACACAC\",\n },\n gray: {\n name: \"Gray\",\n color: \"#CACACA\",\n darker: \"#757575\",\n lighter: \"#7D7D7D\",\n },\n greenSuccess: {\n name: \"Green success\",\n color: \"#64CD93\",\n },\n redAlert: {\n name: \"Red alert\",\n color: \"#ED6161\",\n },\n yellowWarning: {\n name: \"Yellow warning\",\n color: \"#FFCC6B\",\n },\n aiGradient: {\n name: \"AI Gradient\",\n color: \"linear-gradient(135deg, #4da2ed, #9f69e5, #ec43d8, #f72222)\",\n lighter:\n \"linear-gradient(135deg,rgba(77, 162, 237, 0.1),rgba(159, 105, 229, 0.1),rgba(236, 67, 216, 0.1),rgba(230, 10, 10, 0.1))\",\n },\n};\n"],"mappings":"AAAA,OAAO,MAAMA,MAAM,GAAG;EACpBC,MAAM,EAAE;IACNC,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDC,MAAM,EAAE;IACNJ,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDE,KAAK,EAAE;IACLL,IAAI,EAAE,OAAO;IACbC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDG,IAAI,EAAE;IACJN,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDI,KAAK,EAAE;IACLP,IAAI,EAAE,OAAO;IACbC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDK,WAAW,EAAE;IACXR,IAAI,EAAE,cAAc;IACpBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDM,MAAM,EAAE;IACNT,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDO,QAAQ,EAAE;IACRV,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDQ,QAAQ,EAAE;IACRX,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDS,OAAO,EAAE;IACPZ,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDU,SAAS,EAAE;IACTb,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDW,SAAS,EAAE;IACTd,IAAI,EAAE,YAAY;IAClBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDY,cAAc,EAAE;IACdf,IAAI,EAAE,kBAAkB;IACxBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDa,UAAU,EAAE;IACVhB,IAAI,EAAE,aAAa;IACnBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDc,IAAI,EAAE;IACJjB,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDe,YAAY,EAAE;IACZlB,IAAI,EAAE,eAAe;IACrBC,KAAK,EAAE;EACT,CAAC;EACDkB,QAAQ,EAAE;IACRnB,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE;EACT,CAAC;EACDmB,aAAa,EAAE;IACbpB,IAAI,EAAE,gBAAgB;IACtBC,KAAK,EAAE;EACT,CAAC;
|
|
1
|
+
{"version":3,"file":"colors.js","names":["colors","yellow","name","color","darker","lighter","orange","beige","pink","coral","purpleDirty","purple","blueAqua","bluePale","blueSky","turquoise","greenPale","greenOliveDrab","graySilver","gray","greenSuccess","redAlert","yellowWarning","aiColors","aiGradient"],"sources":["../../../src/utils/colors.ts"],"sourcesContent":["export const colors = {\n yellow: {\n name: \"Yellow\",\n color: \"#FDF196\",\n darker: \"#948D5D\",\n lighter: \"#EBD429\",\n },\n orange: {\n name: \"Orange\",\n color: \"#FBBB75\",\n darker: \"#916C43\",\n lighter: \"#E99841\",\n },\n beige: {\n name: \"Beige\",\n color: \"#EAC2AD\",\n darker: \"#877064\",\n lighter: \"#B98A72\",\n },\n pink: {\n name: \"Pink\",\n color: \"#FBD6E7\",\n darker: \"#917C86\",\n lighter: \"#E4A1C0\",\n },\n coral: {\n name: \"Coral\",\n color: \"#FF9C9C\",\n darker: \"#945A5A\",\n lighter: \"#DB4545\",\n },\n purpleDirty: {\n name: \"Purple dirty\",\n color: \"#C49CB6\",\n darker: \"#715A69\",\n lighter: \"#B16E9A\",\n },\n purple: {\n name: \"Purple\",\n color: \"#BEACF9\",\n darker: \"#6E6390\",\n lighter: \"#9B86DF\",\n },\n blueAqua: {\n name: \"Blue aqua\",\n color: \"#BDF7FD\",\n darker: \"#6D8F92\",\n lighter: \"#7BDDE7\",\n },\n bluePale: {\n name: \"Blue pale\",\n color: \"#BEEAFF\",\n darker: \"#6E8794\",\n lighter: \"#92BFD4\",\n },\n blueSky: {\n name: \"Blue sky\",\n color: \"#A0CBFD\",\n darker: \"#5C7592\",\n lighter: \"#568CCB\",\n },\n turquoise: {\n name: \"Turquoise\",\n color: \"#B9E4E0\",\n darker: \"#6B8482\",\n lighter: \"#70BFB8\",\n },\n greenPale: {\n name: \"Green pale\",\n color: \"#C3E799\",\n darker: \"#718658\",\n lighter: \"#80C333\",\n },\n greenOliveDrab: {\n name: \"Green olive drab\",\n color: \"#98B57C\",\n darker: \"#647157\",\n lighter: \"#819F65\",\n },\n graySilver: {\n name: \"Gray silver\",\n color: \"#DDDDDD\",\n darker: \"#808080\",\n lighter: \"#ACACAC\",\n },\n gray: {\n name: \"Gray\",\n color: \"#CACACA\",\n darker: \"#757575\",\n lighter: \"#7D7D7D\",\n },\n greenSuccess: {\n name: \"Green success\",\n color: \"#64CD93\",\n },\n redAlert: {\n name: \"Red alert\",\n color: \"#ED6161\",\n },\n yellowWarning: {\n name: \"Yellow warning\",\n color: \"#FFCC6B\",\n },\n};\n\nexport const aiColors = {\n aiGradient: {\n name: \"AI Gradient\",\n color: \"linear-gradient(135deg, #4da2ed, #9f69e5, #ec43d8, #f72222)\",\n lighter:\n \"linear-gradient(135deg,rgba(77, 162, 237, 0.1),rgba(159, 105, 229, 0.1),rgba(236, 67, 216, 0.1),rgba(230, 10, 10, 0.1))\",\n },\n};\n"],"mappings":"AAAA,OAAO,MAAMA,MAAM,GAAG;EACpBC,MAAM,EAAE;IACNC,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDC,MAAM,EAAE;IACNJ,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDE,KAAK,EAAE;IACLL,IAAI,EAAE,OAAO;IACbC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDG,IAAI,EAAE;IACJN,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDI,KAAK,EAAE;IACLP,IAAI,EAAE,OAAO;IACbC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDK,WAAW,EAAE;IACXR,IAAI,EAAE,cAAc;IACpBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDM,MAAM,EAAE;IACNT,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDO,QAAQ,EAAE;IACRV,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDQ,QAAQ,EAAE;IACRX,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDS,OAAO,EAAE;IACPZ,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDU,SAAS,EAAE;IACTb,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDW,SAAS,EAAE;IACTd,IAAI,EAAE,YAAY;IAClBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDY,cAAc,EAAE;IACdf,IAAI,EAAE,kBAAkB;IACxBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDa,UAAU,EAAE;IACVhB,IAAI,EAAE,aAAa;IACnBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDc,IAAI,EAAE;IACJjB,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDe,YAAY,EAAE;IACZlB,IAAI,EAAE,eAAe;IACrBC,KAAK,EAAE;EACT,CAAC;EACDkB,QAAQ,EAAE;IACRnB,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE;EACT,CAAC;EACDmB,aAAa,EAAE;IACbpB,IAAI,EAAE,gBAAgB;IACtBC,KAAK,EAAE;EACT;AACF,CAAC;AAED,OAAO,MAAMoB,QAAQ,GAAG;EACtBC,UAAU,EAAE;IACVtB,IAAI,EAAE,aAAa;IACnBC,KAAK,EAAE,6DAA6D;IACpEE,OAAO,EACL;EACJ;AACF,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -621,7 +621,9 @@
|
|
|
621
621
|
yellowWarning: {
|
|
622
622
|
name: "Yellow warning",
|
|
623
623
|
color: "#FFCC6B"
|
|
624
|
-
}
|
|
624
|
+
}
|
|
625
|
+
};
|
|
626
|
+
var aiColors = {
|
|
625
627
|
aiGradient: {
|
|
626
628
|
name: "AI Gradient",
|
|
627
629
|
color: "linear-gradient(135deg, #4da2ed, #9f69e5, #ec43d8, #f72222)",
|
|
@@ -23910,7 +23912,7 @@
|
|
|
23910
23912
|
note: colors$1.yellowWarning.color,
|
|
23911
23913
|
default: colors$1.blueSky.color,
|
|
23912
23914
|
neutral: colors$1.gray.color,
|
|
23913
|
-
ai:
|
|
23915
|
+
ai: aiColors.aiGradient.color
|
|
23914
23916
|
};
|
|
23915
23917
|
|
|
23916
23918
|
// https://davidwalsh.name/hex-opacity
|
|
@@ -24451,6 +24453,7 @@
|
|
|
24451
24453
|
exports._CommandPalette = _CommandPalette;
|
|
24452
24454
|
exports._Dialog = _Dialog;
|
|
24453
24455
|
exports._List = _List;
|
|
24456
|
+
exports.aiColors = aiColors;
|
|
24454
24457
|
exports.colors = colors$1;
|
|
24455
24458
|
exports.formatCurrency = formatCurrency;
|
|
24456
24459
|
exports.formatHours = formatHours;
|