@activecollab/components 2.0.229 → 2.0.231
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/Icons/collection/Spark.js +5 -1
- package/dist/cjs/components/Icons/collection/Spark.js.map +1 -1
- 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/Icons/collection/Spark.d.ts.map +1 -1
- package/dist/esm/components/Icons/collection/Spark.js +5 -1
- package/dist/esm/components/Icons/collection/Spark.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 +10 -3
- 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
|
@@ -51,7 +51,11 @@ var SparkIcon = /*#__PURE__*/_react.default.forwardRef(function (_ref, svgRef) {
|
|
|
51
51
|
}, props), /*#__PURE__*/_react.default.createElement(_GradientDefs.GradientDefs, {
|
|
52
52
|
gradient: gradient
|
|
53
53
|
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
54
|
-
|
|
54
|
+
fillRule: "evenodd",
|
|
55
|
+
d: "M11.616 3.523c.082-.232.442-.232.524 0a15.2 15.2 0 003.574 5.643 15.241 15.241 0 005.428 3.498l.212.078c.231.082.232.44 0 .522l-.212.077a15.233 15.233 0 00-5.428 3.497 15.263 15.263 0 00-3.363 5.081l-.132.346-.077.212-.019.041c-.1.177-.385.177-.485 0l-.019-.04-.078-.213-.134-.346a15.291 15.291 0 00-3.365-5.08 15.265 15.265 0 00-5.284-3.446l-.358-.13c-.232-.082-.232-.443 0-.524a15.194 15.194 0 005.642-3.573 15.198 15.198 0 003.574-5.643zm.262 4.017a17.346 17.346 0 01-2.421 3.04A17.338 17.338 0 016.415 13a17.388 17.388 0 013.041 2.424 17.404 17.404 0 012.423 3.04 17.343 17.343 0 012.42-3.04 17.36 17.36 0 013.04-2.422 17.37 17.37 0 01-3.04-2.422 17.363 17.363 0 01-2.421-3.04z",
|
|
56
|
+
clipRule: "evenodd"
|
|
57
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
58
|
+
d: "M19.707 2.103c.037-.094.19-.094.226 0A4.194 4.194 0 0022.31 4.48c.094.037.094.19 0 .227a4.19 4.19 0 00-2.377 2.376c-.036.094-.189.094-.225 0a4.195 4.195 0 00-2.377-2.376c-.094-.037-.094-.19 0-.227a4.186 4.186 0 002.376-2.377z"
|
|
55
59
|
}));
|
|
56
60
|
});
|
|
57
61
|
SparkIcon.displayName = "SparkIcon";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spark.js","names":["_react","_interopRequireDefault","require","_GradientDefs","_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","SparkIcon","React","forwardRef","_ref","svgRef","gradient","props","createElement","xmlns","width","height","fill","focusable","ref","GradientDefs","d","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/Spark.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component SparkIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <SparkIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <SparkIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst SparkIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n svgRef?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n data-testid=\"SparkIcon\"\n fill={\n gradient\n ? \"url(#icon-gradient)\"\n : props?.fill\n ? props.fill\n : \"var(--color-theme-600)\"\n }\n focusable={false}\n ref={svgRef}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path
|
|
1
|
+
{"version":3,"file":"Spark.js","names":["_react","_interopRequireDefault","require","_GradientDefs","_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","SparkIcon","React","forwardRef","_ref","svgRef","gradient","props","createElement","xmlns","width","height","fill","focusable","ref","GradientDefs","fillRule","d","clipRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/Spark.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component SparkIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <SparkIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <SparkIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst SparkIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n svgRef?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n data-testid=\"SparkIcon\"\n fill={\n gradient\n ? \"url(#icon-gradient)\"\n : props?.fill\n ? props.fill\n : \"var(--color-theme-600)\"\n }\n focusable={false}\n ref={svgRef}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path\n fillRule=\"evenodd\"\n d=\"M11.616 3.523c.082-.232.442-.232.524 0a15.2 15.2 0 003.574 5.643 15.241 15.241 0 005.428 3.498l.212.078c.231.082.232.44 0 .522l-.212.077a15.233 15.233 0 00-5.428 3.497 15.263 15.263 0 00-3.363 5.081l-.132.346-.077.212-.019.041c-.1.177-.385.177-.485 0l-.019-.04-.078-.213-.134-.346a15.291 15.291 0 00-3.365-5.08 15.265 15.265 0 00-5.284-3.446l-.358-.13c-.232-.082-.232-.443 0-.524a15.194 15.194 0 005.642-3.573 15.198 15.198 0 003.574-5.643zm.262 4.017a17.346 17.346 0 01-2.421 3.04A17.338 17.338 0 016.415 13a17.388 17.388 0 013.041 2.424 17.404 17.404 0 012.423 3.04 17.343 17.343 0 012.42-3.04 17.36 17.36 0 013.04-2.422 17.37 17.37 0 01-3.04-2.422 17.363 17.363 0 01-2.421-3.04z\"\n clipRule=\"evenodd\"\n />\n <path d=\"M19.707 2.103c.037-.094.19-.094.226 0A4.194 4.194 0 0022.31 4.48c.094.037.094.19 0 .227a4.19 4.19 0 00-2.377 2.376c-.036.094-.189.094-.225 0a4.195 4.195 0 00-2.377-2.376c-.094-.037-.094-.19 0-.227a4.186 4.186 0 002.376-2.377z\" />\n </svg>\n )\n);\nSparkIcon.displayName = \"SparkIcon\";\nexport default SparkIcon;\n"],"mappings":"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"}
|
|
@@ -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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAMA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,WAAA,GAAAJ,OAAA;AAAsC,IAAAK,SAAA;AAAA,SAAAN,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAmB/B,IAAMmB,OAA+B,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAlCA,OAA+BA,CAAAE,IAAA,EAQtC;EAAA,IAAAC,SAAA,GAAAD,IAAA,CAPJE,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,SAAS,GAAAA,SAAA;IAChBE,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IAAAC,UAAA,GAAAN,IAAA,CACJO,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,IAAI,GAAAA,UAAA;IAAAE,WAAA,GAAAR,IAAA,CACZS,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,IAAI,GAAAA,WAAA;IACVE,IAAI,GAAArB,wBAAA,CAAAW,IAAA,EAAA7B,SAAA;EAEP,IAAMwC,YAAyC,GAAG;IAChDC,OAAO,EAAEC,aAAM,CAACC,YAAY,CAACC,KAAK;IAClCC,OAAO,EAAEH,aAAM,CAACI,QAAQ,CAACF,KAAK;IAC9BG,IAAI,EAAEL,aAAM,CAACM,aAAa,CAACJ,KAAK;IAChCzC,OAAO,EAAEuC,aAAM,CAACO,OAAO,CAACL,KAAK;IAC7BM,OAAO,EAAER,aAAM,CAACS,IAAI,CAACP,KAAK;IAC1BQ,EAAE,EAAEC,eAAQ,CAACC,UAAU,CAACV;EAC1B,CAAC;;EAED;EACA,IAAMW,OAAO,GAAG,IAAI;EAEpB,oBACE9D,MAAA,CAAAU,OAAA,CAAAqD,aAAA,CAAC5D,OAAA,CAAA6D,oBAAoB,EAAArD,QAAA;IACnBsD,MAAM,KAAAC,MAAA,CAAKnB,YAAY,CAACT,IAAI,CAAC,CAAG;IAChC6B,QAAQ,EAAEL,OAAQ;IAClBM,KAAK,EAAE9B;EAAK,GACRQ,IAAI,gBAER9C,MAAA,CAAAU,OAAA,CAAAqD,aAAA,CAAC5D,OAAA,CAAAkE,sBAAsB,QACpB7B,QAAQ,iBACPxC,MAAA,CAAAU,OAAA,CAAAqD,aAAA,eACGtB,IAAI,iBAAI6B,cAAK,CAACC,cAAc,CAAC9B,IAAI,CAAC,kBACjC6B,cAAK,CAACE,YAAY,CAAC/B,IAAI,EAAE;IACvBgC,IAAI,EAAE1B,YAAY,CAACT,IAAI,CAAC;IACxBoC,KAAK,EAAE;EACT,CAAC,CAAC,IACApC,IAAI,KAAK,SAAS,gBACpBtC,MAAA,CAAAU,OAAA,CAAAqD,aAAA,CAAC1D,MAAA,CAAAsE,wBAAwB;IAACF,IAAI,EAAE1B,YAAY,CAACT,IAAI,CAAE;IAACoC,KAAK,EAAE;EAAG,CAAE,CAAC,GAC/DpC,IAAI,KAAK,SAAS,gBACpBtC,MAAA,CAAAU,OAAA,CAAAqD,aAAA,CAAC1D,MAAA,CAAAuE,eAAe;IAACH,IAAI,EAAE1B,YAAY,CAACT,IAAI,CAAE;IAACoC,KAAK,EAAE;EAAG,CAAE,CAAC,GACtDpC,IAAI,KAAK,IAAI,gBACftC,MAAA,CAAAU,OAAA,CAAAqD,aAAA,CAAC1D,MAAA,CAAAwE,QAAQ;IAACC,QAAQ,EAAE/B,YAAY,CAACT,IAAI,CAAE;IAACoC,KAAK,EAAE;EAAG,CAAE,CAAC,GACnDpC,IAAI,KAAK,MAAM,IAAIA,IAAI,KAAK,SAAS,gBACvCtC,MAAA,CAAAU,OAAA,CAAAqD,aAAA,CAAC1D,MAAA,CAAAwE,QAAQ;IAACJ,IAAI,EAAE1B,YAAY,CAACT,IAAI,CAAE;IAACoC,KAAK,EAAE;EAAG,CAAE,CAAC,gBAEjD1E,MAAA,CAAAU,OAAA,CAAAqD,aAAA,CAAC1D,MAAA,CAAAwE,QAAQ;IAACJ,IAAI,EAAE1B,YAAY,CAAC,SAAS,CAAE;IAAC2B,KAAK,EAAE;EAAG,CAAE,CAEnD,CACP,eACD1E,MAAA,CAAAU,OAAA,CAAAqD,aAAA,CAAC5D,OAAA,CAAA4E,mBAAmB;IAACC,SAAS,EAAErC,KAAK,GAAG,IAAI,GAAG;EAAM,gBACnD3C,MAAA,CAAAU,OAAA,CAAAqD,aAAA,CAAC5D,OAAA,CAAA8E,uBAAuB,QACrB,OAAOtC,KAAK,KAAK,QAAQ,IAAIA,KAAK,gBACjC3C,MAAA,CAAAU,OAAA,CAAAqD,aAAA,CAACzD,WAAA,CAAA4E,KAAK;IAACC,MAAM,EAAC,MAAM;IAACC,UAAU,EAAC;EAAO,GACpCzC,KACI,CAAC,GAERA,KACD,EACAE,MACsB,CAAC,EACzBN,QACkB,CACC,CACJ,CAAC;AAE3B,CAAC"}
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spark.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/Spark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,SAAS;;+
|
|
1
|
+
{"version":3,"file":"Spark.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/Spark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,SAAS;;+CAmCd,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -44,7 +44,11 @@ const SparkIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
|
|
|
44
44
|
}, props), /*#__PURE__*/React.createElement(GradientDefs, {
|
|
45
45
|
gradient: gradient
|
|
46
46
|
}), /*#__PURE__*/React.createElement("path", {
|
|
47
|
-
|
|
47
|
+
fillRule: "evenodd",
|
|
48
|
+
d: "M11.616 3.523c.082-.232.442-.232.524 0a15.2 15.2 0 003.574 5.643 15.241 15.241 0 005.428 3.498l.212.078c.231.082.232.44 0 .522l-.212.077a15.233 15.233 0 00-5.428 3.497 15.263 15.263 0 00-3.363 5.081l-.132.346-.077.212-.019.041c-.1.177-.385.177-.485 0l-.019-.04-.078-.213-.134-.346a15.291 15.291 0 00-3.365-5.08 15.265 15.265 0 00-5.284-3.446l-.358-.13c-.232-.082-.232-.443 0-.524a15.194 15.194 0 005.642-3.573 15.198 15.198 0 003.574-5.643zm.262 4.017a17.346 17.346 0 01-2.421 3.04A17.338 17.338 0 016.415 13a17.388 17.388 0 013.041 2.424 17.404 17.404 0 012.423 3.04 17.343 17.343 0 012.42-3.04 17.36 17.36 0 013.04-2.422 17.37 17.37 0 01-3.04-2.422 17.363 17.363 0 01-2.421-3.04z",
|
|
49
|
+
clipRule: "evenodd"
|
|
50
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
51
|
+
d: "M19.707 2.103c.037-.094.19-.094.226 0A4.194 4.194 0 0022.31 4.48c.094.037.094.19 0 .227a4.19 4.19 0 00-2.377 2.376c-.036.094-.189.094-.225 0a4.195 4.195 0 00-2.377-2.376c-.094-.037-.094-.19 0-.227a4.186 4.186 0 002.376-2.377z"
|
|
48
52
|
}));
|
|
49
53
|
});
|
|
50
54
|
SparkIcon.displayName = "SparkIcon";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spark.js","names":["React","GradientDefs","SparkIcon","forwardRef","_ref","svgRef","gradient","props","createElement","_extends","xmlns","width","height","fill","focusable","ref","d","displayName"],"sources":["../../../../../src/components/Icons/collection/Spark.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component SparkIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <SparkIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <SparkIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst SparkIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n svgRef?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n data-testid=\"SparkIcon\"\n fill={\n gradient\n ? \"url(#icon-gradient)\"\n : props?.fill\n ? props.fill\n : \"var(--color-theme-600)\"\n }\n focusable={false}\n ref={svgRef}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path
|
|
1
|
+
{"version":3,"file":"Spark.js","names":["React","GradientDefs","SparkIcon","forwardRef","_ref","svgRef","gradient","props","createElement","_extends","xmlns","width","height","fill","focusable","ref","fillRule","d","clipRule","displayName"],"sources":["../../../../../src/components/Icons/collection/Spark.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component SparkIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <SparkIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <SparkIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst SparkIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n svgRef?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n data-testid=\"SparkIcon\"\n fill={\n gradient\n ? \"url(#icon-gradient)\"\n : props?.fill\n ? props.fill\n : \"var(--color-theme-600)\"\n }\n focusable={false}\n ref={svgRef}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path\n fillRule=\"evenodd\"\n d=\"M11.616 3.523c.082-.232.442-.232.524 0a15.2 15.2 0 003.574 5.643 15.241 15.241 0 005.428 3.498l.212.078c.231.082.232.44 0 .522l-.212.077a15.233 15.233 0 00-5.428 3.497 15.263 15.263 0 00-3.363 5.081l-.132.346-.077.212-.019.041c-.1.177-.385.177-.485 0l-.019-.04-.078-.213-.134-.346a15.291 15.291 0 00-3.365-5.08 15.265 15.265 0 00-5.284-3.446l-.358-.13c-.232-.082-.232-.443 0-.524a15.194 15.194 0 005.642-3.573 15.198 15.198 0 003.574-5.643zm.262 4.017a17.346 17.346 0 01-2.421 3.04A17.338 17.338 0 016.415 13a17.388 17.388 0 013.041 2.424 17.404 17.404 0 012.423 3.04 17.343 17.343 0 012.42-3.04 17.36 17.36 0 013.04-2.422 17.37 17.37 0 01-3.04-2.422 17.363 17.363 0 01-2.421-3.04z\"\n clipRule=\"evenodd\"\n />\n <path d=\"M19.707 2.103c.037-.094.19-.094.226 0A4.194 4.194 0 0022.31 4.48c.094.037.094.19 0 .227a4.19 4.19 0 00-2.377 2.376c-.036.094-.189.094-.225 0a4.195 4.195 0 00-2.377-2.376c-.094-.037-.094-.19 0-.227a4.186 4.186 0 002.376-2.377z\" />\n </svg>\n )\n);\nSparkIcon.displayName = \"SparkIcon\";\nexport default SparkIcon;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,SAAS,gBAAGF,KAAK,CAACG,UAAU,CAChC,CAAAC,IAAA,EAOEC,MAAiC;EAAA,IANjC;IACEC,QAAQ;IACR,GAAGC;EAGL,CAAC,GAAAH,IAAA;EAAA,oBAGDJ,KAAA,CAAAQ,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACX,eAAY,WAAW;IACvBC,IAAI,EACFP,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAEM,IAAI,GACXN,KAAK,CAACM,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBC,GAAG,EAAEV;EAAO,GACRE,KAAK,gBAETP,KAAA,CAAAQ,aAAA,CAACP,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAQ,aAAA;IACEQ,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC,2qBAA2qB;IAC7qBC,QAAQ,EAAC;EAAS,CACnB,CAAC,eACFlB,KAAA,CAAAQ,aAAA;IAAMS,CAAC,EAAC;EAAmO,CAAE,CAC1O,CAAC;AAAA,CAEV,CAAC;AACDf,SAAS,CAACiB,WAAW,GAAG,WAAW;AACnC,eAAejB,SAAS"}
|
|
@@ -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)",
|
|
@@ -10038,7 +10040,11 @@
|
|
|
10038
10040
|
}, props), /*#__PURE__*/React__default["default"].createElement(GradientDefs, {
|
|
10039
10041
|
gradient: gradient
|
|
10040
10042
|
}), /*#__PURE__*/React__default["default"].createElement("path", {
|
|
10041
|
-
|
|
10043
|
+
fillRule: "evenodd",
|
|
10044
|
+
d: "M11.616 3.523c.082-.232.442-.232.524 0a15.2 15.2 0 003.574 5.643 15.241 15.241 0 005.428 3.498l.212.078c.231.082.232.44 0 .522l-.212.077a15.233 15.233 0 00-5.428 3.497 15.263 15.263 0 00-3.363 5.081l-.132.346-.077.212-.019.041c-.1.177-.385.177-.485 0l-.019-.04-.078-.213-.134-.346a15.291 15.291 0 00-3.365-5.08 15.265 15.265 0 00-5.284-3.446l-.358-.13c-.232-.082-.232-.443 0-.524a15.194 15.194 0 005.642-3.573 15.198 15.198 0 003.574-5.643zm.262 4.017a17.346 17.346 0 01-2.421 3.04A17.338 17.338 0 016.415 13a17.388 17.388 0 013.041 2.424 17.404 17.404 0 012.423 3.04 17.343 17.343 0 012.42-3.04 17.36 17.36 0 013.04-2.422 17.37 17.37 0 01-3.04-2.422 17.363 17.363 0 01-2.421-3.04z",
|
|
10045
|
+
clipRule: "evenodd"
|
|
10046
|
+
}), /*#__PURE__*/React__default["default"].createElement("path", {
|
|
10047
|
+
d: "M19.707 2.103c.037-.094.19-.094.226 0A4.194 4.194 0 0022.31 4.48c.094.037.094.19 0 .227a4.19 4.19 0 00-2.377 2.376c-.036.094-.189.094-.225 0a4.195 4.195 0 00-2.377-2.376c-.094-.037-.094-.19 0-.227a4.186 4.186 0 002.376-2.377z"
|
|
10042
10048
|
}));
|
|
10043
10049
|
});
|
|
10044
10050
|
SparkIcon.displayName = "SparkIcon";
|
|
@@ -23910,7 +23916,7 @@
|
|
|
23910
23916
|
note: colors$1.yellowWarning.color,
|
|
23911
23917
|
default: colors$1.blueSky.color,
|
|
23912
23918
|
neutral: colors$1.gray.color,
|
|
23913
|
-
ai:
|
|
23919
|
+
ai: aiColors.aiGradient.color
|
|
23914
23920
|
};
|
|
23915
23921
|
|
|
23916
23922
|
// https://davidwalsh.name/hex-opacity
|
|
@@ -24451,6 +24457,7 @@
|
|
|
24451
24457
|
exports._CommandPalette = _CommandPalette;
|
|
24452
24458
|
exports._Dialog = _Dialog;
|
|
24453
24459
|
exports._List = _List;
|
|
24460
|
+
exports.aiColors = aiColors;
|
|
24454
24461
|
exports.colors = colors$1;
|
|
24455
24462
|
exports.formatCurrency = formatCurrency;
|
|
24456
24463
|
exports.formatHours = formatHours;
|