@mittwald/flow-react-components 0.2.0-alpha.397 → 0.2.0-alpha.399
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/CHANGELOG.md +8 -0
- package/dist/assets/doc-properties.json +4921 -4921
- package/dist/css/all.css +1 -1
- package/dist/js/components/src/components/CartesianChart/components/Area/Area.mjs +2 -3
- package/dist/js/components/src/components/CartesianChart/components/Area/Area.mjs.map +1 -1
- package/dist/js/components/src/components/CartesianChart/components/ChartLegend/LegendContent.mjs +1 -2
- package/dist/js/components/src/components/CartesianChart/components/ChartLegend/LegendContent.mjs.map +1 -1
- package/dist/js/components/src/components/CartesianChart/components/Line/Line.mjs +3 -4
- package/dist/js/components/src/components/CartesianChart/components/Line/Line.mjs.map +1 -1
- package/dist/js/components/src/components/DonutChart/DonutChart.mjs.map +1 -1
- package/dist/js/components/src/components/Legend/components/LegendItem/LegendItem.mjs +2 -8
- package/dist/js/components/src/components/Legend/components/LegendItem/LegendItem.mjs.map +1 -1
- package/dist/js/components/src/components/Legend/components/LegendItem/LegendItem.module.scss.mjs +13 -1
- package/dist/js/components/src/components/Legend/components/LegendItem/LegendItem.module.scss.mjs.map +1 -1
- package/dist/js/components/src/components/ProgressBar/ProgressBar.mjs.map +1 -1
- package/dist/js/design-tokens/dist/variables.json.mjs +1 -3
- package/dist/js/design-tokens/dist/variables.json.mjs.map +1 -1
- package/dist/js/flr-universal.mjs +0 -1
- package/dist/js/flr-universal.mjs.map +1 -1
- package/dist/types/components/CartesianChart/components/Area/Area.d.ts +2 -2
- package/dist/types/components/CartesianChart/components/Area/Area.d.ts.map +1 -1
- package/dist/types/components/CartesianChart/components/ChartLegend/LegendContent.d.ts.map +1 -1
- package/dist/types/components/CartesianChart/components/Line/Line.d.ts +2 -2
- package/dist/types/components/CartesianChart/components/Line/Line.d.ts.map +1 -1
- package/dist/types/components/DonutChart/DonutChart.d.ts +2 -2
- package/dist/types/components/DonutChart/DonutChart.d.ts.map +1 -1
- package/dist/types/components/Legend/components/LegendItem/LegendItem.d.ts +2 -2
- package/dist/types/components/Legend/components/LegendItem/LegendItem.d.ts.map +1 -1
- package/dist/types/components/ProgressBar/ProgressBar.d.ts +2 -2
- package/dist/types/components/ProgressBar/ProgressBar.d.ts.map +1 -1
- package/dist/types/lib/tokens/CategoricalColors.d.ts +1 -1
- package/dist/types/lib/tokens/CategoricalColors.d.ts.map +1 -1
- package/package.json +4 -4
- package/dist/js/components/src/lib/tokens/CategoricalColors.mjs +0 -10
- package/dist/js/components/src/lib/tokens/CategoricalColors.mjs.map +0 -1
- package/dist/js/components/src/lib/tokens/getCategoricalColorValue.mjs +0 -10
- package/dist/js/components/src/lib/tokens/getCategoricalColorValue.mjs.map +0 -1
- package/dist/types/lib/tokens/getCategoricalColorValue.d.ts +0 -3
- package/dist/types/lib/tokens/getCategoricalColorValue.d.ts.map +0 -1
|
@@ -5,7 +5,6 @@ import 'react';
|
|
|
5
5
|
import * as Recharts from 'recharts';
|
|
6
6
|
import tokens from '../../../../../../design-tokens/dist/variables.json.mjs';
|
|
7
7
|
import { AreaDot } from '../AreaDot/AreaDot.mjs';
|
|
8
|
-
import { getCategoricalColorValue } from '../../../../lib/tokens/getCategoricalColorValue.mjs';
|
|
9
8
|
|
|
10
9
|
const Area = (props) => {
|
|
11
10
|
const {
|
|
@@ -21,8 +20,8 @@ const Area = (props) => {
|
|
|
21
20
|
stackId,
|
|
22
21
|
fillOpacity,
|
|
23
22
|
...rest,
|
|
24
|
-
activeDot: onlyDots ? /* @__PURE__ */ jsx(AreaDot, { color:
|
|
25
|
-
fill: onlyDots ? "none" :
|
|
23
|
+
activeDot: onlyDots ? /* @__PURE__ */ jsx(AreaDot, { color: `var(--color--categorical--${color})` }) : false,
|
|
24
|
+
fill: onlyDots ? "none" : `var(--color--categorical--${color})`,
|
|
26
25
|
stroke: onlyDots ? "none" : tokens.area["border-color"].value,
|
|
27
26
|
strokeWidth: onlyDots ? void 0 : tokens.area["border-width"].value
|
|
28
27
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Area.mjs","sources":["../../../../../../../../src/components/CartesianChart/components/Area/Area.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport tokens from \"@mittwald/flow-design-tokens/variables.json\";\nimport { AreaDot } from \"../AreaDot\";\nimport type {
|
|
1
|
+
{"version":3,"file":"Area.mjs","sources":["../../../../../../../../src/components/CartesianChart/components/Area/Area.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport tokens from \"@mittwald/flow-design-tokens/variables.json\";\nimport { AreaDot } from \"../AreaDot\";\nimport type { CategoricalColor } from \"@/lib/tokens/CategoricalColors\";\n\nexport interface AreaProps\n extends Pick<\n Recharts.AreaProps,\n | \"className\"\n | \"dataKey\"\n | \"stackId\"\n | \"fillOpacity\"\n | \"key\"\n | \"xAxisId\"\n | \"yAxisId\"\n | \"type\"\n | \"unit\"\n > {\n /** The color of the area. @default \"sea-green\" */\n color?: CategoricalColor;\n /** @internal */\n onlyDots?: boolean;\n}\n\n/** @flr-generate all */\nexport const Area: FC<AreaProps> = (props) => {\n const {\n color = \"sea-green\",\n stackId = 1,\n fillOpacity = 1,\n onlyDots = true,\n ...rest\n } = props;\n\n return (\n <Recharts.Area\n stackId={stackId}\n fillOpacity={fillOpacity}\n {...rest}\n activeDot={\n onlyDots ? (\n <AreaDot color={`var(--color--categorical--${color})`} />\n ) : (\n false\n )\n }\n fill={onlyDots ? \"none\" : `var(--color--categorical--${color})`}\n stroke={onlyDots ? \"none\" : tokens.area[\"border-color\"].value}\n strokeWidth={onlyDots ? undefined : tokens.area[\"border-width\"].value}\n />\n );\n};\n\nexport default Area;\n"],"names":[],"mappings":";;;;;;AA0Ba,MAAA,IAAA,GAAsB,CAAC,KAAU,KAAA;AAC5C,EAAM,MAAA;AAAA,IACJ,KAAQ,GAAA,WAAA;AAAA,IACR,OAAU,GAAA,CAAA;AAAA,IACV,WAAc,GAAA,CAAA;AAAA,IACd,QAAW,GAAA,IAAA;AAAA,IACX,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EACE,uBAAA,GAAA;AAAA,IAAC,QAAS,CAAA,IAAA;AAAA,IAAT;AAAA,MACC,OAAA;AAAA,MACA,WAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACJ,SAAA,EACE,2BACG,GAAA,CAAA,OAAA,EAAA,EAAQ,OAAO,CAA6B,0BAAA,EAAA,KAAK,KAAK,CAEvD,GAAA,KAAA;AAAA,MAGJ,IAAM,EAAA,QAAA,GAAW,MAAS,GAAA,CAAA,0BAAA,EAA6B,KAAK,CAAA,CAAA,CAAA;AAAA,MAC5D,QAAQ,QAAW,GAAA,MAAA,GAAS,MAAO,CAAA,IAAA,CAAK,cAAc,CAAE,CAAA,KAAA;AAAA,MACxD,aAAa,QAAW,GAAA,MAAA,GAAY,MAAO,CAAA,IAAA,CAAK,cAAc,CAAE,CAAA;AAAA;AAAA,GAClE;AAEJ;;;;"}
|
package/dist/js/components/src/components/CartesianChart/components/ChartLegend/LegendContent.mjs
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
3
|
import { jsx } from 'react/jsx-runtime';
|
|
4
|
-
import tokens from '../../../../../../design-tokens/dist/variables.json.mjs';
|
|
5
4
|
import { Legend } from '../../../Legend/Legend.mjs';
|
|
6
5
|
import { LegendItem } from '../../../Legend/components/LegendItem/LegendItem.mjs';
|
|
7
6
|
|
|
@@ -13,7 +12,7 @@ const LegendContent = (props) => {
|
|
|
13
12
|
return /* @__PURE__ */ jsx(
|
|
14
13
|
LegendItem,
|
|
15
14
|
{
|
|
16
|
-
color: entry.payload && "fill" in entry.payload
|
|
15
|
+
color: entry.payload && "fill" in entry.payload && typeof entry.payload.fill === "string" ? entry.payload?.fill.replace("var(--color--categorical--", "").replace(")", "") : void 0,
|
|
17
16
|
children: entry.dataKey ? formatter ? formatter(entry.dataKey?.toString()) : entry.dataKey.toString() : ""
|
|
18
17
|
},
|
|
19
18
|
`legendItem-${index}`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LegendContent.mjs","sources":["../../../../../../../../src/components/CartesianChart/components/ChartLegend/LegendContent.tsx"],"sourcesContent":["import type { Props } from \"recharts/types/component/DefaultLegendContent\";\nimport type { WithChartLegendFormatters } from \"./ChartLegend\";\nimport type { FC } from \"react\";\nimport
|
|
1
|
+
{"version":3,"file":"LegendContent.mjs","sources":["../../../../../../../../src/components/CartesianChart/components/ChartLegend/LegendContent.tsx"],"sourcesContent":["import type { Props } from \"recharts/types/component/DefaultLegendContent\";\nimport type { WithChartLegendFormatters } from \"./ChartLegend\";\nimport type { FC } from \"react\";\nimport Legend, { LegendItem } from \"@/components/Legend\";\nimport type { CategoricalColor } from \"@/lib/tokens/CategoricalColors\";\n\ntype LegendContentType = Omit<Props, \"formatter\"> & WithChartLegendFormatters;\n\nconst LegendContent: FC<LegendContentType> = (props) => {\n const { formatter, payload } = props;\n\n return (\n <Legend>\n {payload\n ?.filter(\n (entry) =>\n entry.payload &&\n \"fill\" in entry.payload &&\n entry.payload?.fill !== \"none\",\n )\n .map((entry, index) => {\n return (\n <LegendItem\n key={`legendItem-${index}`}\n color={\n entry.payload &&\n \"fill\" in entry.payload &&\n typeof entry.payload.fill === \"string\"\n ? (entry.payload?.fill\n .replace(\"var(--color--categorical--\", \"\")\n .replace(\")\", \"\") as CategoricalColor)\n : undefined\n }\n >\n {entry.dataKey\n ? formatter\n ? formatter(entry.dataKey?.toString())\n : entry.dataKey.toString()\n : \"\"}\n </LegendItem>\n );\n })}\n </Legend>\n );\n};\n\nexport default LegendContent;\n"],"names":[],"mappings":";;;;AAQM,MAAA,aAAA,GAAuC,CAAC,KAAU,KAAA;AACtD,EAAM,MAAA,EAAE,SAAW,EAAA,OAAA,EAAY,GAAA,KAAA;AAE/B,EACE,uBAAA,GAAA,CAAC,UACE,QACG,EAAA,OAAA,EAAA,MAAA;AAAA,IACA,CAAC,UACC,KAAM,CAAA,OAAA,IACN,UAAU,KAAM,CAAA,OAAA,IAChB,KAAM,CAAA,OAAA,EAAS,IAAS,KAAA;AAAA,GAE3B,CAAA,GAAA,CAAI,CAAC,KAAA,EAAO,KAAU,KAAA;AACrB,IACE,uBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QAEC,KAAA,EACE,MAAM,OACN,IAAA,MAAA,IAAU,MAAM,OAChB,IAAA,OAAO,MAAM,OAAQ,CAAA,IAAA,KAAS,WACzB,KAAM,CAAA,OAAA,EAAS,KACb,OAAQ,CAAA,4BAAA,EAA8B,EAAE,CACxC,CAAA,OAAA,CAAQ,GAAK,EAAA,EAAE,CAClB,GAAA,MAAA;AAAA,QAGL,QAAM,EAAA,KAAA,CAAA,OAAA,GACH,SACE,GAAA,SAAA,CAAU,KAAM,CAAA,OAAA,EAAS,QAAS,EAAC,CACnC,GAAA,KAAA,CAAM,OAAQ,CAAA,QAAA,EAChB,GAAA;AAAA,OAAA;AAAA,MAfC,cAAc,KAAK,CAAA;AAAA,KAgB1B;AAAA,GAEH,CACL,EAAA,CAAA;AAEJ;;;;"}
|
|
@@ -5,7 +5,6 @@ import 'react';
|
|
|
5
5
|
import * as Recharts from 'recharts';
|
|
6
6
|
import tokens from '../../../../../../design-tokens/dist/variables.json.mjs';
|
|
7
7
|
import { AreaDot } from '../AreaDot/AreaDot.mjs';
|
|
8
|
-
import { getCategoricalColorValue } from '../../../../lib/tokens/getCategoricalColorValue.mjs';
|
|
9
8
|
|
|
10
9
|
const Line = (props) => {
|
|
11
10
|
const { color = "sea-green", ...rest } = props;
|
|
@@ -13,10 +12,10 @@ const Line = (props) => {
|
|
|
13
12
|
Recharts.Line,
|
|
14
13
|
{
|
|
15
14
|
...rest,
|
|
16
|
-
fill:
|
|
17
|
-
activeDot: /* @__PURE__ */ jsx(AreaDot, { color:
|
|
15
|
+
fill: `var(--color--categorical--${color})`,
|
|
16
|
+
activeDot: /* @__PURE__ */ jsx(AreaDot, { color: `var(--color--categorical--${color})` }),
|
|
18
17
|
dot: false,
|
|
19
|
-
stroke:
|
|
18
|
+
stroke: `var(--color--categorical--${color})`,
|
|
20
19
|
strokeWidth: tokens.line["border-width"].value
|
|
21
20
|
}
|
|
22
21
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Line.mjs","sources":["../../../../../../../../src/components/CartesianChart/components/Line/Line.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport tokens from \"@mittwald/flow-design-tokens/variables.json\";\nimport { AreaDot } from \"../AreaDot\";\nimport type {
|
|
1
|
+
{"version":3,"file":"Line.mjs","sources":["../../../../../../../../src/components/CartesianChart/components/Line/Line.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport tokens from \"@mittwald/flow-design-tokens/variables.json\";\nimport { AreaDot } from \"../AreaDot\";\nimport type { CategoricalColor } from \"@/lib/tokens/CategoricalColors\";\n\nexport interface LineProps\n extends Pick<\n Recharts.LineProps,\n \"className\" | \"dataKey\" | \"key\" | \"xAxisId\" | \"yAxisId\" | \"type\" | \"unit\"\n > {\n /** The color of the line. @default \"sea-green\" */\n color?: CategoricalColor;\n}\n\n/** @flr-generate all */\nexport const Line: FC<LineProps> = (props) => {\n const { color = \"sea-green\", ...rest } = props;\n\n return (\n <Recharts.Line\n {...rest}\n fill={`var(--color--categorical--${color})`}\n activeDot={<AreaDot color={`var(--color--categorical--${color})`} />}\n dot={false}\n stroke={`var(--color--categorical--${color})`}\n strokeWidth={tokens.line[\"border-width\"].value}\n />\n );\n};\n\nexport default Line;\n"],"names":[],"mappings":";;;;;;AAgBa,MAAA,IAAA,GAAsB,CAAC,KAAU,KAAA;AAC5C,EAAA,MAAM,EAAE,KAAA,GAAQ,WAAa,EAAA,GAAG,MAAS,GAAA,KAAA;AAEzC,EACE,uBAAA,GAAA;AAAA,IAAC,QAAS,CAAA,IAAA;AAAA,IAAT;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,IAAA,EAAM,6BAA6B,KAAK,CAAA,CAAA,CAAA;AAAA,MACxC,2BAAY,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,0BAAA,EAA6B,KAAK,CAAK,CAAA,CAAA,EAAA,CAAA;AAAA,MAClE,GAAK,EAAA,KAAA;AAAA,MACL,MAAA,EAAQ,6BAA6B,KAAK,CAAA,CAAA,CAAA;AAAA,MAC1C,WAAa,EAAA,MAAA,CAAO,IAAK,CAAA,cAAc,CAAE,CAAA;AAAA;AAAA,GAC3C;AAEJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DonutChart.mjs","sources":["../../../../../../src/components/DonutChart/DonutChart.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./DonutChart.module.scss\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport type {
|
|
1
|
+
{"version":3,"file":"DonutChart.mjs","sources":["../../../../../../src/components/DonutChart/DonutChart.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./DonutChart.module.scss\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport type { CategoricalColor } from \"@/lib/tokens/CategoricalColors\";\nimport { DonutChartValue } from \"@/components/DonutChart/components/DonutChartValue\";\nimport { Donut } from \"@/components/DonutChart/components/Donut\";\nimport { Wrap } from \"@/components/Wrap\";\nimport { DonutChartLegend } from \"@/components/DonutChart/components/DonutChartLegend\";\n\nexport interface DonutChartSegment {\n value: number;\n title: string;\n color?: CategoricalColor;\n valueText?: string;\n}\n\nexport interface DonutChartProps\n extends Omit<Aria.ProgressBarProps, \"children\" | \"valueLabel\">,\n PropsWithStatus,\n PropsWithChildren {\n /** The size variant of the donut chart. @default \"m\" */\n size?: \"m\" | \"l\";\n /** Divides the fill of the donut chart into segments */\n segments?: DonutChartSegment[];\n /**\n * Whether the legend component is shown when segments are used. @default:\n * true\n */\n showLegend?: boolean;\n /** The position of the legend. @default \"right\" */\n legendPosition?: \"top\" | \"left\" | \"bottom\" | \"right\";\n}\n\n/** @flr-generate all */\nexport const DonutChart: FC<DonutChartProps> = (props) => {\n const {\n size = \"m\",\n status = \"info\",\n className,\n value,\n segments,\n maxValue,\n formatOptions,\n showLegend = true,\n legendPosition = \"right\",\n children,\n ...rest\n } = props;\n\n const rootClassName = clsx(\n styles.donutChart,\n size === \"l\" && styles[\"size-l\"],\n styles[status],\n className,\n );\n\n const segmentsTotalValue = segments\n ? segments.map((s) => s.value).reduce((a, b) => a + b, 0)\n : undefined;\n\n return (\n <Wrap if={showLegend && segments}>\n <div className={clsx(styles.donutChartContainer, styles[legendPosition])}>\n <Aria.ProgressBar\n className={rootClassName}\n value={segmentsTotalValue ?? value}\n {...rest}\n >\n <Donut\n value={segmentsTotalValue ?? value}\n segments={segments}\n size={size}\n maxValue={maxValue}\n />\n <DonutChartValue\n value={segmentsTotalValue ?? value}\n formatOptions={formatOptions}\n >\n {children}\n </DonutChartValue>\n </Aria.ProgressBar>\n\n {showLegend && segments && (\n <DonutChartLegend\n showLegend={showLegend}\n segments={segments}\n formatOptions={formatOptions}\n />\n )}\n </div>\n </Wrap>\n );\n};\n\nexport default DonutChart;\n"],"names":[],"mappings":";;;;;;;;;AAoCa,MAAA,UAAA,GAAkC,CAAC,KAAU,KAAA;AACxD,EAAM,MAAA;AAAA,IACJ,IAAO,GAAA,GAAA;AAAA,IACP,MAAS,GAAA,MAAA;AAAA,IACT,SAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,aAAA;AAAA,IACA,UAAa,GAAA,IAAA;AAAA,IACb,cAAiB,GAAA,OAAA;AAAA,IACjB,QAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,UAAA;AAAA,IACP,IAAA,KAAS,GAAO,IAAA,MAAA,CAAO,QAAQ,CAAA;AAAA,IAC/B,OAAO,MAAM,CAAA;AAAA,IACb;AAAA,GACF;AAEA,EAAA,MAAM,qBAAqB,QACvB,GAAA,QAAA,CAAS,GAAI,CAAA,CAAC,MAAM,CAAE,CAAA,KAAK,CAAE,CAAA,MAAA,CAAO,CAAC,CAAG,EAAA,CAAA,KAAM,CAAI,GAAA,CAAA,EAAG,CAAC,CACtD,GAAA,MAAA;AAEJ,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,UAAA,IAAc,UACtB,QAAC,kBAAA,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,IAAA,CAAK,MAAO,CAAA,mBAAA,EAAqB,MAAO,CAAA,cAAc,CAAC,CACrE,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,IAAK,CAAA,WAAA;AAAA,MAAL;AAAA,QACC,SAAW,EAAA,aAAA;AAAA,QACX,OAAO,kBAAsB,IAAA,KAAA;AAAA,QAC5B,GAAG,IAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,OAAO,kBAAsB,IAAA,KAAA;AAAA,cAC7B,QAAA;AAAA,cACA,IAAA;AAAA,cACA;AAAA;AAAA,WACF;AAAA,0BACA,GAAA;AAAA,YAAC,eAAA;AAAA,YAAA;AAAA,cACC,OAAO,kBAAsB,IAAA,KAAA;AAAA,cAC7B,aAAA;AAAA,cAEC;AAAA;AAAA;AACH;AAAA;AAAA,KACF;AAAA,IAEC,cAAc,QACb,oBAAA,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,UAAA;AAAA,QACA,QAAA;AAAA,QACA;AAAA;AAAA;AACF,GAAA,EAEJ,CACF,EAAA,CAAA;AAEJ;;;;"}
|
|
@@ -3,8 +3,7 @@
|
|
|
3
3
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
4
|
import { Text } from '../../../Text/Text.mjs';
|
|
5
5
|
import styles from './LegendItem.module.scss.mjs';
|
|
6
|
-
import
|
|
7
|
-
import { getCategoricalColorValue } from '../../../../lib/tokens/getCategoricalColorValue.mjs';
|
|
6
|
+
import clsx from 'clsx';
|
|
8
7
|
|
|
9
8
|
const LegendItem = (props) => {
|
|
10
9
|
const { children, color } = props;
|
|
@@ -12,12 +11,7 @@ const LegendItem = (props) => {
|
|
|
12
11
|
/* @__PURE__ */ jsx(
|
|
13
12
|
"div",
|
|
14
13
|
{
|
|
15
|
-
className: styles.colorSquare,
|
|
16
|
-
style: {
|
|
17
|
-
backgroundColor: categoricalColors.includes(
|
|
18
|
-
color
|
|
19
|
-
) ? getCategoricalColorValue(color) : color
|
|
20
|
-
}
|
|
14
|
+
className: clsx(styles.colorSquare, color && styles[`color-${color}`])
|
|
21
15
|
}
|
|
22
16
|
),
|
|
23
17
|
/* @__PURE__ */ jsx(Text, { children: /* @__PURE__ */ jsx("small", { children }) })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LegendItem.mjs","sources":["../../../../../../../../src/components/Legend/components/LegendItem/LegendItem.tsx"],"sourcesContent":["import Text from \"@/components/Text\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport styles from \"./LegendItem.module.scss\";\nimport
|
|
1
|
+
{"version":3,"file":"LegendItem.mjs","sources":["../../../../../../../../src/components/Legend/components/LegendItem/LegendItem.tsx"],"sourcesContent":["import Text from \"@/components/Text\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport styles from \"./LegendItem.module.scss\";\nimport type { CategoricalColor } from \"@/lib/tokens/CategoricalColors\";\nimport clsx from \"clsx\";\n\nexport interface LegendItemProps extends PropsWithChildren {\n color?: CategoricalColor;\n}\n\nexport const LegendItem: FC<LegendItemProps> = (props) => {\n const { children, color } = props;\n\n return (\n <li className={styles.legendItem}>\n <div\n className={clsx(styles.colorSquare, color && styles[`color-${color}`])}\n />\n <Text>\n <small>{children}</small>\n </Text>\n </li>\n );\n};\n\nexport default LegendItem;\n"],"names":[],"mappings":";;;;;AAUa,MAAA,UAAA,GAAkC,CAAC,KAAU,KAAA;AACxD,EAAM,MAAA,EAAE,QAAU,EAAA,KAAA,EAAU,GAAA,KAAA;AAE5B,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA,EAAG,SAAW,EAAA,MAAA,CAAO,UACpB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,KAAK,MAAO,CAAA,WAAA,EAAa,SAAS,MAAO,CAAA,CAAA,MAAA,EAAS,KAAK,CAAA,CAAE,CAAC;AAAA;AAAA,KACvE;AAAA,oBACC,GAAA,CAAA,IAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,OAAA,EAAA,EAAO,UAAS,CACnB,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
|
package/dist/js/components/src/components/Legend/components/LegendItem/LegendItem.module.scss.mjs
CHANGED
|
@@ -4,7 +4,19 @@ const legendItem = "flow--legend--legend-item";
|
|
|
4
4
|
const colorSquare = "flow--legend--legend-item--color-square";
|
|
5
5
|
const styles = {
|
|
6
6
|
legendItem: legendItem,
|
|
7
|
-
colorSquare: colorSquare
|
|
7
|
+
colorSquare: colorSquare,
|
|
8
|
+
"color-sea-green": "flow--legend--legend-item--color-sea-green",
|
|
9
|
+
"color-palatinate-blue": "flow--legend--legend-item--color-palatinate-blue",
|
|
10
|
+
"color-tangerine": "flow--legend--legend-item--color-tangerine",
|
|
11
|
+
"color-magenta": "flow--legend--legend-item--color-magenta",
|
|
12
|
+
"color-tropical-indigo": "flow--legend--legend-item--color-tropical-indigo",
|
|
13
|
+
"color-malachite": "flow--legend--legend-item--color-malachite",
|
|
14
|
+
"color-azure": "flow--legend--legend-item--color-azure",
|
|
15
|
+
"color-violet": "flow--legend--legend-item--color-violet",
|
|
16
|
+
"color-yellow": "flow--legend--legend-item--color-yellow",
|
|
17
|
+
"color-alloy-orange": "flow--legend--legend-item--color-alloy-orange",
|
|
18
|
+
"color-green": "flow--legend--legend-item--color-green",
|
|
19
|
+
"color-lime": "flow--legend--legend-item--color-lime"
|
|
8
20
|
};
|
|
9
21
|
|
|
10
22
|
export { colorSquare, styles as default, legendItem };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LegendItem.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LegendItem.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.mjs","sources":["../../../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./ProgressBar.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { ProgressBarValue } from \"@/components/ProgressBar/components/ProgressBarValue\";\nimport { ProgressBarBar } from \"@/components/ProgressBar/components/ProgressBarBar\";\nimport { ProgressBarLegend } from \"@/components/ProgressBar/components/ProgressBarLegend\";\nimport type {
|
|
1
|
+
{"version":3,"file":"ProgressBar.mjs","sources":["../../../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./ProgressBar.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { ProgressBarValue } from \"@/components/ProgressBar/components/ProgressBarValue\";\nimport { ProgressBarBar } from \"@/components/ProgressBar/components/ProgressBarBar\";\nimport { ProgressBarLegend } from \"@/components/ProgressBar/components/ProgressBarLegend\";\nimport type { CategoricalColor } from \"@/lib/tokens/CategoricalColors\";\nimport {\n flowComponent,\n type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\n\nexport interface ProgressBarProps\n extends PropsWithChildren<Omit<Aria.ProgressBarProps, \"children\">>,\n PropsWithStatus,\n FlowComponentProps {\n /** Whether the max value should be displayed. */\n showMaxValue?: boolean;\n /** The size variant of the progress bar. @default \"m\" */\n size?: \"s\" | \"m\" | \"l\";\n /** Divides the fill of the progress bar into segments */\n segments?: {\n value: number;\n title: string;\n color?: CategoricalColor;\n valueText?: string;\n }[];\n /**\n * Whether the legend component is shown when segments are used. @default:\n * true\n */\n showLegend?: boolean;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const ProgressBar = flowComponent(\"ProgressBar\", (props) => {\n const {\n children,\n className,\n status = \"info\",\n showMaxValue,\n size = \"m\",\n segments,\n value,\n formatOptions,\n showLegend = true,\n maxValue,\n valueLabel,\n ...rest\n } = props;\n\n const rootClassName = clsx(\n className,\n styles.progressBar,\n styles[`size-${size}`],\n styles[status],\n );\n\n const propsContext: PropsContext = {\n Label: {\n className: styles.label,\n unstyled: true,\n },\n };\n\n const segmentsTotalValue = segments\n ? segments.map((s) => s.value).reduce((a, b) => a + b, 0)\n : undefined;\n\n return (\n <Aria.ProgressBar\n className={rootClassName}\n value={segmentsTotalValue ?? value}\n formatOptions={formatOptions}\n maxValue={maxValue}\n {...rest}\n >\n {({ percentage }) => (\n <PropsContextProvider props={propsContext}>\n {children}\n\n <ProgressBarValue\n showMaxValue={showMaxValue}\n maxValue={maxValue}\n formatOptions={formatOptions}\n value={segmentsTotalValue ?? value}\n valueLabel={valueLabel}\n />\n\n <ProgressBarBar\n percentage={percentage}\n segmentsTotalValue={segmentsTotalValue}\n segments={segments}\n />\n\n <ProgressBarLegend\n showLegend={showLegend}\n segments={segments}\n formatOptions={formatOptions}\n />\n </PropsContextProvider>\n )}\n </Aria.ProgressBar>\n );\n});\n\nexport default ProgressBar;\n"],"names":[],"mappings":";;;;;;;;;;;;;AA2CO,MAAM,WAAc,GAAA,aAAA,CAAc,aAAe,EAAA,CAAC,KAAU,KAAA;AACjE,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAS,GAAA,MAAA;AAAA,IACT,YAAA;AAAA,IACA,IAAO,GAAA,GAAA;AAAA,IACP,QAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAA;AAAA,IACA,UAAa,GAAA,IAAA;AAAA,IACb,QAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,SAAA;AAAA,IACA,MAAO,CAAA,WAAA;AAAA,IACP,MAAA,CAAO,CAAQ,KAAA,EAAA,IAAI,CAAE,CAAA,CAAA;AAAA,IACrB,OAAO,MAAM;AAAA,GACf;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,MAAO,CAAA,KAAA;AAAA,MAClB,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EAAA,MAAM,qBAAqB,QACvB,GAAA,QAAA,CAAS,GAAI,CAAA,CAAC,MAAM,CAAE,CAAA,KAAK,CAAE,CAAA,MAAA,CAAO,CAAC,CAAG,EAAA,CAAA,KAAM,CAAI,GAAA,CAAA,EAAG,CAAC,CACtD,GAAA,MAAA;AAEJ,EACE,uBAAA,GAAA;AAAA,IAAC,IAAK,CAAA,WAAA;AAAA,IAAL;AAAA,MACC,SAAW,EAAA,aAAA;AAAA,MACX,OAAO,kBAAsB,IAAA,KAAA;AAAA,MAC7B,aAAA;AAAA,MACA,QAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,WAAC,EAAE,UAAA,uBACD,IAAA,CAAA,oBAAA,EAAA,EAAqB,OAAO,YAC1B,EAAA,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBAED,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,YAAA;AAAA,YACA,QAAA;AAAA,YACA,aAAA;AAAA,YACA,OAAO,kBAAsB,IAAA,KAAA;AAAA,YAC7B;AAAA;AAAA,SACF;AAAA,wBAEA,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,UAAA;AAAA,YACA,kBAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,wBAEA,GAAA;AAAA,UAAC,iBAAA;AAAA,UAAA;AAAA,YACC,UAAA;AAAA,YACA,QAAA;AAAA,YACA;AAAA;AAAA;AACF,OACF,EAAA;AAAA;AAAA,GAEJ;AAEJ,CAAC;;;;"}
|
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
|
-
const color = /* #__PURE__ */ JSON.parse("{\"gray\":{\"100\":{\"value\":\"#FFFFFF\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#FFFFFF\"},\"name\":\"ColorGray100\",\"attributes\":{\"category\":\"color\",\"type\":\"gray\",\"item\":\"100\"},\"path\":[\"color\",\"gray\",\"100\"]},\"200\":{\"value\":\"#FDFDFD\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#FDFDFD\"},\"name\":\"ColorGray200\",\"attributes\":{\"category\":\"color\",\"type\":\"gray\",\"item\":\"200\"},\"path\":[\"color\",\"gray\",\"200\"]},\"300\":{\"value\":\"#F8F8F8\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#F8F8F8\"},\"name\":\"ColorGray300\",\"attributes\":{\"category\":\"color\",\"type\":\"gray\",\"item\":\"300\"},\"path\":[\"color\",\"gray\",\"300\"]},\"400\":{\"value\":\"#E6E6E6\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#E6E6E6\"},\"name\":\"ColorGray400\",\"attributes\":{\"category\":\"color\",\"type\":\"gray\",\"item\":\"400\"},\"path\":[\"color\",\"gray\",\"400\"]},\"500\":{\"value\":\"#D5D5D5\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#D5D5D5\"},\"name\":\"ColorGray500\",\"attributes\":{\"category\":\"color\",\"type\":\"gray\",\"item\":\"500\"},\"path\":[\"color\",\"gray\",\"500\"]},\"600\":{\"value\":\"#B1B1B1\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#B1B1B1\"},\"name\":\"ColorGray600\",\"attributes\":{\"category\":\"color\",\"type\":\"gray\",\"item\":\"600\"},\"path\":[\"color\",\"gray\",\"600\"]},\"700\":{\"value\":\"#909090\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#909090\"},\"name\":\"ColorGray700\",\"attributes\":{\"category\":\"color\",\"type\":\"gray\",\"item\":\"700\"},\"path\":[\"color\",\"gray\",\"700\"]},\"800\":{\"value\":\"#6D6D6D\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#6D6D6D\"},\"name\":\"ColorGray800\",\"attributes\":{\"category\":\"color\",\"type\":\"gray\",\"item\":\"800\"},\"path\":[\"color\",\"gray\",\"800\"]},\"900\":{\"value\":\"#464646\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#464646\"},\"name\":\"ColorGray900\",\"attributes\":{\"category\":\"color\",\"type\":\"gray\",\"item\":\"900\"},\"path\":[\"color\",\"gray\",\"900\"]},\"1000\":{\"value\":\"#222222\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#222222\"},\"name\":\"ColorGray1000\",\"attributes\":{\"category\":\"color\",\"type\":\"gray\",\"item\":\"1000\"},\"path\":[\"color\",\"gray\",\"1000\"]},\"1100\":{\"value\":\"#000000\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#000000\"},\"name\":\"ColorGray1100\",\"attributes\":{\"category\":\"color\",\"type\":\"gray\",\"item\":\"1100\"},\"path\":[\"color\",\"gray\",\"1100\"]}},\"hosting-blue\":{\"100\":{\"value\":\"#F0F5FF\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#F0F5FF\"},\"name\":\"ColorHostingBlue100\",\"attributes\":{\"category\":\"color\",\"type\":\"hosting-blue\",\"item\":\"100\"},\"path\":[\"color\",\"hosting-blue\",\"100\"]},\"200\":{\"value\":\"#E0EBFF\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#E0EBFF\"},\"name\":\"ColorHostingBlue200\",\"attributes\":{\"category\":\"color\",\"type\":\"hosting-blue\",\"item\":\"200\"},\"path\":[\"color\",\"hosting-blue\",\"200\"]},\"300\":{\"value\":\"#ABC6FF\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#ABC6FF\"},\"name\":\"ColorHostingBlue300\",\"attributes\":{\"category\":\"color\",\"type\":\"hosting-blue\",\"item\":\"300\"},\"path\":[\"color\",\"hosting-blue\",\"300\"]},\"400\":{\"value\":\"#85AFFF\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#85AFFF\"},\"name\":\"ColorHostingBlue400\",\"attributes\":{\"category\":\"color\",\"type\":\"hosting-blue\",\"item\":\"400\"},\"path\":[\"color\",\"hosting-blue\",\"400\"]},\"500\":{\"value\":\"#6197FF\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#6197FF\"},\"name\":\"ColorHostingBlue500\",\"attributes\":{\"category\":\"color\",\"type\":\"hosting-blue\",\"item\":\"500\"},\"path\":[\"color\",\"hosting-blue\",\"500\"]},\"600\":{\"value\":\"#3D80FF\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#3D80FF\"},\"name\":\"ColorHostingBlue600\",\"attributes\":{\"category\":\"color\",\"type\":\"hosting-blue\",\"item\":\"600\"},\"path\":[\"color\",\"hosting-blue\",\"600\"]},\"700\":{\"value\":\"#1A68FF\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#1A68FF\"},\"name\":\"ColorHostingBlue700\",\"attributes\":{\"category\":\"color\",\"type\":\"hosting-blue\",\"item\":\"700\"},\"path\":[\"color\",\"hosting-blue\",\"700\"]},\"800\":{\"value\":\"#0054F5\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#0054F5\"},\"name\":\"ColorHostingBlue800\",\"attributes\":{\"category\":\"color\",\"type\":\"hosting-blue\",\"item\":\"800\"},\"path\":[\"color\",\"hosting-blue\",\"800\"]},\"900\":{\"value\":\"#003FB8\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#003FB8\"},\"name\":\"ColorHostingBlue900\",\"attributes\":{\"category\":\"color\",\"type\":\"hosting-blue\",\"item\":\"900\"},\"path\":[\"color\",\"hosting-blue\",\"900\"]},\"1000\":{\"value\":\"#002A7B\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#002A7B\"},\"name\":\"ColorHostingBlue1000\",\"attributes\":{\"category\":\"color\",\"type\":\"hosting-blue\",\"item\":\"1000\"},\"path\":[\"color\",\"hosting-blue\",\"1000\"]},\"1100\":{\"value\":\"#00205C\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#00205C\"},\"name\":\"ColorHostingBlue1100\",\"attributes\":{\"category\":\"color\",\"type\":\"hosting-blue\",\"item\":\"1100\"},\"path\":[\"color\",\"hosting-blue\",\"1100\"]}},\"amaranth-red\":{\"100\":{\"value\":\"#FDF0F3\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#FDF0F3\"},\"name\":\"ColorAmaranthRed100\",\"attributes\":{\"category\":\"color\",\"type\":\"amaranth-red\",\"item\":\"100\"},\"path\":[\"color\",\"amaranth-red\",\"100\"]},\"200\":{\"value\":\"#FBE0E6\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#FBE0E6\"},\"name\":\"ColorAmaranthRed200\",\"attributes\":{\"category\":\"color\",\"type\":\"amaranth-red\",\"item\":\"200\"},\"path\":[\"color\",\"amaranth-red\",\"200\"]},\"300\":{\"value\":\"#F7C1CC\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#F7C1CC\"},\"name\":\"ColorAmaranthRed300\",\"attributes\":{\"category\":\"color\",\"type\":\"amaranth-red\",\"item\":\"300\"},\"path\":[\"color\",\"amaranth-red\",\"300\"]},\"400\":{\"value\":\"#F2A2B3\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#F2A2B3\"},\"name\":\"ColorAmaranthRed400\",\"attributes\":{\"category\":\"color\",\"type\":\"amaranth-red\",\"item\":\"400\"},\"path\":[\"color\",\"amaranth-red\",\"400\"]},\"500\":{\"value\":\"#EE8299\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#EE8299\"},\"name\":\"ColorAmaranthRed500\",\"attributes\":{\"category\":\"color\",\"type\":\"amaranth-red\",\"item\":\"500\"},\"path\":[\"color\",\"amaranth-red\",\"500\"]},\"600\":{\"value\":\"#EA637F\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#EA637F\"},\"name\":\"ColorAmaranthRed600\",\"attributes\":{\"category\":\"color\",\"type\":\"amaranth-red\",\"item\":\"600\"},\"path\":[\"color\",\"amaranth-red\",\"600\"]},\"700\":{\"value\":\"#E54366\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#E54366\"},\"name\":\"ColorAmaranthRed700\",\"attributes\":{\"category\":\"color\",\"type\":\"amaranth-red\",\"item\":\"700\"},\"path\":[\"color\",\"amaranth-red\",\"700\"]},\"800\":{\"value\":\"#E1244C\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#E1244C\"},\"name\":\"ColorAmaranthRed800\",\"attributes\":{\"category\":\"color\",\"type\":\"amaranth-red\",\"item\":\"800\"},\"path\":[\"color\",\"amaranth-red\",\"800\"]},\"900\":{\"value\":\"#B4193A\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#B4193A\"},\"name\":\"ColorAmaranthRed900\",\"attributes\":{\"category\":\"color\",\"type\":\"amaranth-red\",\"item\":\"900\"},\"path\":[\"color\",\"amaranth-red\",\"900\"]},\"1000\":{\"value\":\"#83122A\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#83122A\"},\"name\":\"ColorAmaranthRed1000\",\"attributes\":{\"category\":\"color\",\"type\":\"amaranth-red\",\"item\":\"1000\"},\"path\":[\"color\",\"amaranth-red\",\"1000\"]},\"1100\":{\"value\":\"#6A0F22\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#6A0F22\"},\"name\":\"ColorAmaranthRed1100\",\"attributes\":{\"category\":\"color\",\"type\":\"amaranth-red\",\"item\":\"1100\"},\"path\":[\"color\",\"amaranth-red\",\"1100\"]}},\"royal-orange\":{\"100\":{\"value\":\"#FFF4EB\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#FFF4EB\"},\"name\":\"ColorRoyalOrange100\",\"attributes\":{\"category\":\"color\",\"type\":\"royal-orange\",\"item\":\"100\"},\"path\":[\"color\",\"royal-orange\",\"100\"]},\"200\":{\"value\":\"#FFEBDC\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#FFEBDC\"},\"name\":\"ColorRoyalOrange200\",\"attributes\":{\"category\":\"color\",\"type\":\"royal-orange\",\"item\":\"200\"},\"path\":[\"color\",\"royal-orange\",\"200\"]},\"300\":{\"value\":\"#FFD9BD\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#FFD9BD\"},\"name\":\"ColorRoyalOrange300\",\"attributes\":{\"category\":\"color\",\"type\":\"royal-orange\",\"item\":\"300\"},\"path\":[\"color\",\"royal-orange\",\"300\"]},\"400\":{\"value\":\"#FFC89F\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#FFC89F\"},\"name\":\"ColorRoyalOrange400\",\"attributes\":{\"category\":\"color\",\"type\":\"royal-orange\",\"item\":\"400\"},\"path\":[\"color\",\"royal-orange\",\"400\"]},\"500\":{\"value\":\"#FFA562\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#FFA562\"},\"name\":\"ColorRoyalOrange500\",\"attributes\":{\"category\":\"color\",\"type\":\"royal-orange\",\"item\":\"500\"},\"path\":[\"color\",\"royal-orange\",\"500\"]},\"600\":{\"value\":\"#FF9343\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#FF9343\"},\"name\":\"ColorRoyalOrange600\",\"attributes\":{\"category\":\"color\",\"type\":\"royal-orange\",\"item\":\"600\"},\"path\":[\"color\",\"royal-orange\",\"600\"]},\"700\":{\"value\":\"#FF8225\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#FF8225\"},\"name\":\"ColorRoyalOrange700\",\"attributes\":{\"category\":\"color\",\"type\":\"royal-orange\",\"item\":\"700\"},\"path\":[\"color\",\"royal-orange\",\"700\"]},\"800\":{\"value\":\"#F56800\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#F56800\"},\"name\":\"ColorRoyalOrange800\",\"attributes\":{\"category\":\"color\",\"type\":\"royal-orange\",\"item\":\"800\"},\"path\":[\"color\",\"royal-orange\",\"800\"]},\"900\":{\"value\":\"#C25200\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#C25200\"},\"name\":\"ColorRoyalOrange900\",\"attributes\":{\"category\":\"color\",\"type\":\"royal-orange\",\"item\":\"900\"},\"path\":[\"color\",\"royal-orange\",\"900\"]},\"1000\":{\"value\":\"#8F3D00\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#8F3D00\"},\"name\":\"ColorRoyalOrange1000\",\"attributes\":{\"category\":\"color\",\"type\":\"royal-orange\",\"item\":\"1000\"},\"path\":[\"color\",\"royal-orange\",\"1000\"]},\"1100\":{\"value\":\"#763200\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#763200\"},\"name\":\"ColorRoyalOrange1100\",\"attributes\":{\"category\":\"color\",\"type\":\"royal-orange\",\"item\":\"1100\"},\"path\":[\"color\",\"royal-orange\",\"1100\"]}},\"espelkamp-green\":{\"100\":{\"value\":\"#DCFFF4\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#DCFFF4\"},\"name\":\"ColorEspelkampGreen100\",\"attributes\":{\"category\":\"color\",\"type\":\"espelkamp-green\",\"item\":\"100\"},\"path\":[\"color\",\"espelkamp-green\",\"100\"]},\"200\":{\"value\":\"#C0FFEB\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#C0FFEB\"},\"name\":\"ColorEspelkampGreen200\",\"attributes\":{\"category\":\"color\",\"type\":\"espelkamp-green\",\"item\":\"200\"},\"path\":[\"color\",\"espelkamp-green\",\"200\"]},\"300\":{\"value\":\"#87FFDA\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#87FFDA\"},\"name\":\"ColorEspelkampGreen300\",\"attributes\":{\"category\":\"color\",\"type\":\"espelkamp-green\",\"item\":\"300\"},\"path\":[\"color\",\"espelkamp-green\",\"300\"]},\"400\":{\"value\":\"#4FFFC9\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#4FFFC9\"},\"name\":\"ColorEspelkampGreen400\",\"attributes\":{\"category\":\"color\",\"type\":\"espelkamp-green\",\"item\":\"400\"},\"path\":[\"color\",\"espelkamp-green\",\"400\"]},\"500\":{\"value\":\"#17FFB8\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#17FFB8\"},\"name\":\"ColorEspelkampGreen500\",\"attributes\":{\"category\":\"color\",\"type\":\"espelkamp-green\",\"item\":\"500\"},\"path\":[\"color\",\"espelkamp-green\",\"500\"]},\"600\":{\"value\":\"#00DE9A\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#00DE9A\"},\"name\":\"ColorEspelkampGreen600\",\"attributes\":{\"category\":\"color\",\"type\":\"espelkamp-green\",\"item\":\"600\"},\"path\":[\"color\",\"espelkamp-green\",\"600\"]},\"700\":{\"value\":\"#00A673\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#00A673\"},\"name\":\"ColorEspelkampGreen700\",\"attributes\":{\"category\":\"color\",\"type\":\"espelkamp-green\",\"item\":\"700\"},\"path\":[\"color\",\"espelkamp-green\",\"700\"]},\"800\":{\"value\":\"#00825B\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#00825B\"},\"name\":\"ColorEspelkampGreen800\",\"attributes\":{\"category\":\"color\",\"type\":\"espelkamp-green\",\"item\":\"800\"},\"path\":[\"color\",\"espelkamp-green\",\"800\"]},\"900\":{\"value\":\"#005F42\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#005F42\"},\"name\":\"ColorEspelkampGreen900\",\"attributes\":{\"category\":\"color\",\"type\":\"espelkamp-green\",\"item\":\"900\"},\"path\":[\"color\",\"espelkamp-green\",\"900\"]},\"1000\":{\"value\":\"#003B29\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#003B29\"},\"name\":\"ColorEspelkampGreen1000\",\"attributes\":{\"category\":\"color\",\"type\":\"espelkamp-green\",\"item\":\"1000\"},\"path\":[\"color\",\"espelkamp-green\",\"1000\"]},\"1100\":{\"value\":\"#00291C\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#00291C\"},\"name\":\"ColorEspelkampGreen1100\",\"attributes\":{\"category\":\"color\",\"type\":\"espelkamp-green\",\"item\":\"1100\"},\"path\":[\"color\",\"espelkamp-green\",\"1100\"]}},\"soft-contrast-violet\":{\"100\":{\"value\":\"#F4F3FE\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#F4F3FE\"},\"name\":\"ColorSoftContrastViolet100\",\"attributes\":{\"category\":\"color\",\"type\":\"soft-contrast-violet\",\"item\":\"100\"},\"path\":[\"color\",\"soft-contrast-violet\",\"100\"]},\"200\":{\"value\":\"#EAE7FD\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#EAE7FD\"},\"name\":\"ColorSoftContrastViolet200\",\"attributes\":{\"category\":\"color\",\"type\":\"soft-contrast-violet\",\"item\":\"200\"},\"path\":[\"color\",\"soft-contrast-violet\",\"200\"]},\"300\":{\"value\":\"#D6D0FA\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#D6D0FA\"},\"name\":\"ColorSoftContrastViolet300\",\"attributes\":{\"category\":\"color\",\"type\":\"soft-contrast-violet\",\"item\":\"300\"},\"path\":[\"color\",\"soft-contrast-violet\",\"300\"]},\"400\":{\"value\":\"#C2B9F8\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#C2B9F8\"},\"name\":\"ColorSoftContrastViolet400\",\"attributes\":{\"category\":\"color\",\"type\":\"soft-contrast-violet\",\"item\":\"400\"},\"path\":[\"color\",\"soft-contrast-violet\",\"400\"]},\"500\":{\"value\":\"#AEA2F5\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#AEA2F5\"},\"name\":\"ColorSoftContrastViolet500\",\"attributes\":{\"category\":\"color\",\"type\":\"soft-contrast-violet\",\"item\":\"500\"},\"path\":[\"color\",\"soft-contrast-violet\",\"500\"]},\"600\":{\"value\":\"#998BF3\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#998BF3\"},\"name\":\"ColorSoftContrastViolet600\",\"attributes\":{\"category\":\"color\",\"type\":\"soft-contrast-violet\",\"item\":\"600\"},\"path\":[\"color\",\"soft-contrast-violet\",\"600\"]},\"700\":{\"value\":\"#8574F0\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#8574F0\"},\"name\":\"ColorSoftContrastViolet700\",\"attributes\":{\"category\":\"color\",\"type\":\"soft-contrast-violet\",\"item\":\"700\"},\"path\":[\"color\",\"soft-contrast-violet\",\"700\"]},\"800\":{\"value\":\"#715DEE\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#715DEE\"},\"name\":\"ColorSoftContrastViolet800\",\"attributes\":{\"category\":\"color\",\"type\":\"soft-contrast-violet\",\"item\":\"800\"},\"path\":[\"color\",\"soft-contrast-violet\",\"800\"]},\"900\":{\"value\":\"#5d4abf\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#5d4abf\"},\"name\":\"ColorSoftContrastViolet900\",\"attributes\":{\"category\":\"color\",\"type\":\"soft-contrast-violet\",\"item\":\"900\"},\"path\":[\"color\",\"soft-contrast-violet\",\"900\"]},\"1000\":{\"value\":\"#483b9f\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#483b9f\"},\"name\":\"ColorSoftContrastViolet1000\",\"attributes\":{\"category\":\"color\",\"type\":\"soft-contrast-violet\",\"item\":\"1000\"},\"path\":[\"color\",\"soft-contrast-violet\",\"1000\"]},\"1100\":{\"value\":\"#302a6f\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#302a6f\"},\"name\":\"ColorSoftContrastViolet1100\",\"attributes\":{\"category\":\"color\",\"type\":\"soft-contrast-violet\",\"item\":\"1100\"},\"path\":[\"color\",\"soft-contrast-violet\",\"1100\"]}},\"mittwald-navy\":{\"100\":{\"value\":\"#E4E7F6\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#E4E7F6\"},\"name\":\"ColorMittwaldNavy100\",\"attributes\":{\"category\":\"color\",\"type\":\"mittwald-navy\",\"item\":\"100\"},\"path\":[\"color\",\"mittwald-navy\",\"100\"]},\"200\":{\"value\":\"#C8CFEE\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#C8CFEE\"},\"name\":\"ColorMittwaldNavy200\",\"attributes\":{\"category\":\"color\",\"type\":\"mittwald-navy\",\"item\":\"200\"},\"path\":[\"color\",\"mittwald-navy\",\"200\"]},\"300\":{\"value\":\"#A5B0E2\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#A5B0E2\"},\"name\":\"ColorMittwaldNavy300\",\"attributes\":{\"category\":\"color\",\"type\":\"mittwald-navy\",\"item\":\"300\"},\"path\":[\"color\",\"mittwald-navy\",\"300\"]},\"400\":{\"value\":\"#8291D7\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#8291D7\"},\"name\":\"ColorMittwaldNavy400\",\"attributes\":{\"category\":\"color\",\"type\":\"mittwald-navy\",\"item\":\"400\"},\"path\":[\"color\",\"mittwald-navy\",\"400\"]},\"500\":{\"value\":\"#5F73CC\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#5F73CC\"},\"name\":\"ColorMittwaldNavy500\",\"attributes\":{\"category\":\"color\",\"type\":\"mittwald-navy\",\"item\":\"500\"},\"path\":[\"color\",\"mittwald-navy\",\"500\"]},\"600\":{\"value\":\"#3D55C1\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#3D55C1\"},\"name\":\"ColorMittwaldNavy600\",\"attributes\":{\"category\":\"color\",\"type\":\"mittwald-navy\",\"item\":\"600\"},\"path\":[\"color\",\"mittwald-navy\",\"600\"]},\"700\":{\"value\":\"#32459E\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#32459E\"},\"name\":\"ColorMittwaldNavy700\",\"attributes\":{\"category\":\"color\",\"type\":\"mittwald-navy\",\"item\":\"700\"},\"path\":[\"color\",\"mittwald-navy\",\"700\"]},\"800\":{\"value\":\"#27367B\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#27367B\"},\"name\":\"ColorMittwaldNavy800\",\"attributes\":{\"category\":\"color\",\"type\":\"mittwald-navy\",\"item\":\"800\"},\"path\":[\"color\",\"mittwald-navy\",\"800\"]},\"900\":{\"value\":\"#1D285C\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#1D285C\"},\"name\":\"ColorMittwaldNavy900\",\"attributes\":{\"category\":\"color\",\"type\":\"mittwald-navy\",\"item\":\"900\"},\"path\":[\"color\",\"mittwald-navy\",\"900\"]},\"1000\":{\"value\":\"#131B3D\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#131B3D\"},\"name\":\"ColorMittwaldNavy1000\",\"attributes\":{\"category\":\"color\",\"type\":\"mittwald-navy\",\"item\":\"1000\"},\"path\":[\"color\",\"mittwald-navy\",\"1000\"]},\"1100\":{\"value\":\"#0E142E\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#0E142E\"},\"name\":\"ColorMittwaldNavy1100\",\"attributes\":{\"category\":\"color\",\"type\":\"mittwald-navy\",\"item\":\"1100\"},\"path\":[\"color\",\"mittwald-navy\",\"1100\"]}},\"bright-lilac\":{\"100\":{\"value\":\"#f9e9ff\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#f9e9ff\"},\"name\":\"ColorBrightLilac100\",\"attributes\":{\"category\":\"color\",\"type\":\"bright-lilac\",\"item\":\"100\"},\"path\":[\"color\",\"bright-lilac\",\"100\"]},\"200\":{\"value\":\"#f6dfff\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#f6dfff\"},\"name\":\"ColorBrightLilac200\",\"attributes\":{\"category\":\"color\",\"type\":\"bright-lilac\",\"item\":\"200\"},\"path\":[\"color\",\"bright-lilac\",\"200\"]},\"300\":{\"value\":\"#f1caff\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#f1caff\"},\"name\":\"ColorBrightLilac300\",\"attributes\":{\"category\":\"color\",\"type\":\"bright-lilac\",\"item\":\"300\"},\"path\":[\"color\",\"bright-lilac\",\"300\"]},\"400\":{\"value\":\"#ebb6ff\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#ebb6ff\"},\"name\":\"ColorBrightLilac400\",\"attributes\":{\"category\":\"color\",\"type\":\"bright-lilac\",\"item\":\"400\"},\"path\":[\"color\",\"bright-lilac\",\"400\"]},\"500\":{\"value\":\"#e6a1ff\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#e6a1ff\"},\"name\":\"ColorBrightLilac500\",\"attributes\":{\"category\":\"color\",\"type\":\"bright-lilac\",\"item\":\"500\"},\"path\":[\"color\",\"bright-lilac\",\"500\"]},\"600\":{\"value\":\"#e08dff\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#e08dff\"},\"name\":\"ColorBrightLilac600\",\"attributes\":{\"category\":\"color\",\"type\":\"bright-lilac\",\"item\":\"600\"},\"path\":[\"color\",\"bright-lilac\",\"600\"]},\"700\":{\"value\":\"#ce4bff\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#ce4bff\"},\"name\":\"ColorBrightLilac700\",\"attributes\":{\"category\":\"color\",\"type\":\"bright-lilac\",\"item\":\"700\"},\"path\":[\"color\",\"bright-lilac\",\"700\"]},\"800\":{\"value\":\"#bc08ff\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#bc08ff\"},\"name\":\"ColorBrightLilac800\",\"attributes\":{\"category\":\"color\",\"type\":\"bright-lilac\",\"item\":\"800\"},\"path\":[\"color\",\"bright-lilac\",\"800\"]},\"900\":{\"value\":\"#9000c5\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#9000c5\"},\"name\":\"ColorBrightLilac900\",\"attributes\":{\"category\":\"color\",\"type\":\"bright-lilac\",\"item\":\"900\"},\"path\":[\"color\",\"bright-lilac\",\"900\"]},\"1000\":{\"value\":\"#5f0083\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#5f0083\"},\"name\":\"ColorBrightLilac1000\",\"attributes\":{\"category\":\"color\",\"type\":\"bright-lilac\",\"item\":\"1000\"},\"path\":[\"color\",\"bright-lilac\",\"1000\"]},\"1100\":{\"value\":\"#470062\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#470062\"},\"name\":\"ColorBrightLilac1100\",\"attributes\":{\"category\":\"color\",\"type\":\"bright-lilac\",\"item\":\"1100\"},\"path\":[\"color\",\"bright-lilac\",\"1100\"]}},\"super-teal\":{\"100\":{\"value\":\"#ebfdff\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#ebfdff\"},\"name\":\"ColorSuperTeal100\",\"attributes\":{\"category\":\"color\",\"type\":\"super-teal\",\"item\":\"100\"},\"path\":[\"color\",\"super-teal\",\"100\"]},\"200\":{\"value\":\"#cffaff\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#cffaff\"},\"name\":\"ColorSuperTeal200\",\"attributes\":{\"category\":\"color\",\"type\":\"super-teal\",\"item\":\"200\"},\"path\":[\"color\",\"super-teal\",\"200\"]},\"300\":{\"value\":\"#96f3ff\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#96f3ff\"},\"name\":\"ColorSuperTeal300\",\"attributes\":{\"category\":\"color\",\"type\":\"super-teal\",\"item\":\"300\"},\"path\":[\"color\",\"super-teal\",\"300\"]},\"400\":{\"value\":\"#5eedff\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#5eedff\"},\"name\":\"ColorSuperTeal400\",\"attributes\":{\"category\":\"color\",\"type\":\"super-teal\",\"item\":\"400\"},\"path\":[\"color\",\"super-teal\",\"400\"]},\"500\":{\"value\":\"#26e7ff\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#26e7ff\"},\"name\":\"ColorSuperTeal500\",\"attributes\":{\"category\":\"color\",\"type\":\"super-teal\",\"item\":\"500\"},\"path\":[\"color\",\"super-teal\",\"500\"]},\"600\":{\"value\":\"#00d3ed\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#00d3ed\"},\"name\":\"ColorSuperTeal600\",\"attributes\":{\"category\":\"color\",\"type\":\"super-teal\",\"item\":\"600\"},\"path\":[\"color\",\"super-teal\",\"600\"]},\"700\":{\"value\":\"#00a1b5\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#00a1b5\"},\"name\":\"ColorSuperTeal700\",\"attributes\":{\"category\":\"color\",\"type\":\"super-teal\",\"item\":\"700\"},\"path\":[\"color\",\"super-teal\",\"700\"]},\"800\":{\"value\":\"#008696\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#008696\"},\"name\":\"ColorSuperTeal800\",\"attributes\":{\"category\":\"color\",\"type\":\"super-teal\",\"item\":\"800\"},\"path\":[\"color\",\"super-teal\",\"800\"]},\"900\":{\"value\":\"#006b78\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#006b78\"},\"name\":\"ColorSuperTeal900\",\"attributes\":{\"category\":\"color\",\"type\":\"super-teal\",\"item\":\"900\"},\"path\":[\"color\",\"super-teal\",\"900\"]},\"1000\":{\"value\":\"#004f59\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#004f59\"},\"name\":\"ColorSuperTeal1000\",\"attributes\":{\"category\":\"color\",\"type\":\"super-teal\",\"item\":\"1000\"},\"path\":[\"color\",\"super-teal\",\"1000\"]},\"1100\":{\"value\":\"#00424a\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#00424a\"},\"name\":\"ColorSuperTeal1100\",\"attributes\":{\"category\":\"color\",\"type\":\"super-teal\",\"item\":\"1100\"},\"path\":[\"color\",\"super-teal\",\"1100\"]}},\"categorical\":{\"sea-green\":{\"value\":\"#0fb5ae\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#0fb5ae\"},\"name\":\"ColorCategoricalSeaGreen\",\"attributes\":{\"category\":\"color\",\"type\":\"categorical\",\"item\":\"sea-green\"},\"path\":[\"color\",\"categorical\",\"sea-green\"]},\"palatinate-blue\":{\"value\":\"#4046ca\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#4046ca\"},\"name\":\"ColorCategoricalPalatinateBlue\",\"attributes\":{\"category\":\"color\",\"type\":\"categorical\",\"item\":\"palatinate-blue\"},\"path\":[\"color\",\"categorical\",\"palatinate-blue\"]},\"tangerine\":{\"value\":\"#f68511\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#f68511\"},\"name\":\"ColorCategoricalTangerine\",\"attributes\":{\"category\":\"color\",\"type\":\"categorical\",\"item\":\"tangerine\"},\"path\":[\"color\",\"categorical\",\"tangerine\"]},\"magenta\":{\"value\":\"#de3d82\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#de3d82\"},\"name\":\"ColorCategoricalMagenta\",\"attributes\":{\"category\":\"color\",\"type\":\"categorical\",\"item\":\"magenta\"},\"path\":[\"color\",\"categorical\",\"magenta\"]},\"tropical-indigo\":{\"value\":\"#7e84fa\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#7e84fa\"},\"name\":\"ColorCategoricalTropicalIndigo\",\"attributes\":{\"category\":\"color\",\"type\":\"categorical\",\"item\":\"tropical-indigo\"},\"path\":[\"color\",\"categorical\",\"tropical-indigo\"]},\"malachite\":{\"value\":\"#72e06a\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#72e06a\"},\"name\":\"ColorCategoricalMalachite\",\"attributes\":{\"category\":\"color\",\"type\":\"categorical\",\"item\":\"malachite\"},\"path\":[\"color\",\"categorical\",\"malachite\"]},\"azure\":{\"value\":\"#147af3\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#147af3\"},\"name\":\"ColorCategoricalAzure\",\"attributes\":{\"category\":\"color\",\"type\":\"categorical\",\"item\":\"azure\"},\"path\":[\"color\",\"categorical\",\"azure\"]},\"violet\":{\"value\":\"#7326d3\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#7326d3\"},\"name\":\"ColorCategoricalViolet\",\"attributes\":{\"category\":\"color\",\"type\":\"categorical\",\"item\":\"violet\"},\"path\":[\"color\",\"categorical\",\"violet\"]},\"yellow\":{\"value\":\"#e8c600\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#e8c600\"},\"name\":\"ColorCategoricalYellow\",\"attributes\":{\"category\":\"color\",\"type\":\"categorical\",\"item\":\"yellow\"},\"path\":[\"color\",\"categorical\",\"yellow\"]},\"alloy-orange\":{\"value\":\"#cb5d00\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#cb5d00\"},\"name\":\"ColorCategoricalAlloyOrange\",\"attributes\":{\"category\":\"color\",\"type\":\"categorical\",\"item\":\"alloy-orange\"},\"path\":[\"color\",\"categorical\",\"alloy-orange\"]},\"green\":{\"value\":\"#008f5d\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#008f5d\"},\"name\":\"ColorCategoricalGreen\",\"attributes\":{\"category\":\"color\",\"type\":\"categorical\",\"item\":\"green\"},\"path\":[\"color\",\"categorical\",\"green\"]},\"lime\":{\"value\":\"#bce931\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"#bce931\"},\"name\":\"ColorCategoricalLime\",\"attributes\":{\"category\":\"color\",\"type\":\"categorical\",\"item\":\"lime\"},\"path\":[\"color\",\"categorical\",\"lime\"]}},\"transparent\":{\"value\":\"transparent\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"transparent\"},\"name\":\"ColorTransparent\",\"attributes\":{\"category\":\"color\",\"type\":\"transparent\"},\"path\":[\"color\",\"transparent\"]},\"gradient\":{\"value\":\"radial-gradient(circle at 27.74% 38.09%,#d8e9f8,transparent 60%),radial-gradient(circle at 63.98% 99.4%,#e4b8ff,transparent 37%),radial-gradient(circle at 79.7% 64.93%,#d8e9f8,transparent 52%),radial-gradient(circle at 10.9% 91.41%,#d8e9f8,transparent 56%),radial-gradient(circle at 3.68% 3.26%,#0056ff,transparent 31%),radial-gradient(circle at 99.62% 17.78%,#48c7d8,transparent 26%),radial-gradient(circle at 58.65% 24.91%,#d8e9f8,transparent 55%),radial-gradient(circle at 53.23% 52.72%,#d8e9f8,transparent 100%),radial-gradient(circle at 50% 50%,#fff,#fff 100%)\",\"filePath\":\"src/color-palette.yml\",\"isSource\":true,\"original\":{\"value\":\"radial-gradient(circle at 27.74% 38.09%,#d8e9f8,transparent 60%),radial-gradient(circle at 63.98% 99.4%,#e4b8ff,transparent 37%),radial-gradient(circle at 79.7% 64.93%,#d8e9f8,transparent 52%),radial-gradient(circle at 10.9% 91.41%,#d8e9f8,transparent 56%),radial-gradient(circle at 3.68% 3.26%,#0056ff,transparent 31%),radial-gradient(circle at 99.62% 17.78%,#48c7d8,transparent 26%),radial-gradient(circle at 58.65% 24.91%,#d8e9f8,transparent 55%),radial-gradient(circle at 53.23% 52.72%,#d8e9f8,transparent 100%),radial-gradient(circle at 50% 50%,#fff,#fff 100%)\"},\"name\":\"ColorGradient\",\"attributes\":{\"category\":\"color\",\"type\":\"gradient\"},\"path\":[\"color\",\"gradient\"]},\"blue\":{\"value\":\"#002A7B\",\"filePath\":\"src/content/color.yml\",\"isSource\":true,\"original\":{\"value\":\"{primary.color.1000}\"},\"name\":\"ColorBlue\",\"attributes\":{\"category\":\"color\",\"type\":\"blue\"},\"path\":[\"color\",\"blue\"]},\"violet\":{\"value\":\"#715DEE\",\"filePath\":\"src/content/color.yml\",\"isSource\":true,\"original\":{\"value\":\"{color.soft-contrast-violet.800}\"},\"name\":\"ColorViolet\",\"attributes\":{\"category\":\"color\",\"type\":\"violet\"},\"path\":[\"color\",\"violet\"]},\"teal\":{\"value\":\"#008696\",\"filePath\":\"src/content/color.yml\",\"isSource\":true,\"original\":{\"value\":\"{color.super-teal.800}\"},\"name\":\"ColorTeal\",\"attributes\":{\"category\":\"color\",\"type\":\"teal\"},\"path\":[\"color\",\"teal\"]},\"lilac\":{\"value\":\"#bc08ff\",\"filePath\":\"src/content/color.yml\",\"isSource\":true,\"original\":{\"value\":\"{color.bright-lilac.800}\"},\"name\":\"ColorLilac\",\"attributes\":{\"category\":\"color\",\"type\":\"lilac\"},\"path\":[\"color\",\"lilac\"]}}");
|
|
4
3
|
const area = {"border-width":{"value":"2px"},"border-color":{"value":"#FFFFFF"}};
|
|
5
4
|
const axis = {"spacing":{"value":"8px"},"font-size":{"value":"0.875rem"},"text-color":{"value":"#222222"},"tick-size":{"value":"8px"}};
|
|
6
5
|
const line = {"border-width":{"value":"2px"}};
|
|
7
6
|
const tokens = {
|
|
8
|
-
color,
|
|
9
7
|
area,
|
|
10
8
|
axis,
|
|
11
9
|
"cartesian-grid": {"color":{"value":"#909090"},"stroke-width":{"value":"1px"}},
|
|
12
10
|
line};
|
|
13
11
|
|
|
14
|
-
export { area, axis,
|
|
12
|
+
export { area, axis, tokens as default, line };
|
|
15
13
|
//# sourceMappingURL=variables.json.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"variables.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"variables.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
|
|
@@ -135,7 +135,6 @@ import './components/src/components/Align/Align.mjs';
|
|
|
135
135
|
import 'recharts';
|
|
136
136
|
import './components/src/components/Heading/Heading.mjs';
|
|
137
137
|
import './components/src/components/Text/Text.mjs';
|
|
138
|
-
import './components/src/lib/tokens/CategoricalColors.mjs';
|
|
139
138
|
import './components/src/components/Autocomplete/Autocomplete.mjs';
|
|
140
139
|
import './components/src/components/Avatar/Avatar.mjs';
|
|
141
140
|
import './components/src/components/Badge/Badge.mjs';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flr-universal.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"flr-universal.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { CategoricalColor } from '../../../../lib/tokens/CategoricalColors';
|
|
3
3
|
import * as Recharts from "recharts";
|
|
4
4
|
export interface AreaProps extends Pick<Recharts.AreaProps, "className" | "dataKey" | "stackId" | "fillOpacity" | "key" | "xAxisId" | "yAxisId" | "type" | "unit"> {
|
|
5
5
|
/** The color of the area. @default "sea-green" */
|
|
6
|
-
color?:
|
|
6
|
+
color?: CategoricalColor;
|
|
7
7
|
}
|
|
8
8
|
/** @flr-generate all */
|
|
9
9
|
export declare const Area: FC<AreaProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Area.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/Area/Area.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAGrC,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Area.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/Area/Area.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAGrC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,MAAM,WAAW,SACf,SAAQ,IAAI,CACV,QAAQ,CAAC,SAAS,EAChB,WAAW,GACX,SAAS,GACT,SAAS,GACT,aAAa,GACb,KAAK,GACL,SAAS,GACT,SAAS,GACT,MAAM,GACN,MAAM,CACT;IACD,kDAAkD;IAClD,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAG1B;AAED,wBAAwB;AACxB,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CA0B9B,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LegendContent.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/ChartLegend/LegendContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+CAA+C,CAAC;AAC3E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,KAAK,iBAAiB,GAAG,IAAI,CAAC,KAAK,EAAE,WAAW,CAAC,GAAG,yBAAyB,CAAC;AAE9E,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,
|
|
1
|
+
{"version":3,"file":"LegendContent.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/ChartLegend/LegendContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+CAA+C,CAAC;AAC3E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,KAAK,iBAAiB,GAAG,IAAI,CAAC,KAAK,EAAE,WAAW,CAAC,GAAG,yBAAyB,CAAC;AAE9E,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAoCxC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { CategoricalColor } from '../../../../lib/tokens/CategoricalColors';
|
|
3
3
|
import * as Recharts from "recharts";
|
|
4
4
|
export interface LineProps extends Pick<Recharts.LineProps, "className" | "dataKey" | "key" | "xAxisId" | "yAxisId" | "type" | "unit"> {
|
|
5
5
|
/** The color of the line. @default "sea-green" */
|
|
6
|
-
color?:
|
|
6
|
+
color?: CategoricalColor;
|
|
7
7
|
}
|
|
8
8
|
/** @flr-generate all */
|
|
9
9
|
export declare const Line: FC<LineProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/Line/Line.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAGrC,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CartesianChart/components/Line/Line.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAGrC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,MAAM,WAAW,SACf,SAAQ,IAAI,CACV,QAAQ,CAAC,SAAS,EAClB,WAAW,GAAG,SAAS,GAAG,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAC1E;IACD,kDAAkD;IAClD,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B;AAED,wBAAwB;AACxB,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAa9B,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { FC, PropsWithChildren } from 'react';
|
|
2
2
|
import { PropsWithStatus } from '../../lib/types/props';
|
|
3
|
-
import {
|
|
3
|
+
import { CategoricalColor } from '../../lib/tokens/CategoricalColors';
|
|
4
4
|
import * as Aria from "react-aria-components";
|
|
5
5
|
export interface DonutChartSegment {
|
|
6
6
|
value: number;
|
|
7
7
|
title: string;
|
|
8
|
-
color?:
|
|
8
|
+
color?: CategoricalColor;
|
|
9
9
|
valueText?: string;
|
|
10
10
|
}
|
|
11
11
|
export interface DonutChartProps extends Omit<Aria.ProgressBarProps, "children" | "valueLabel">, PropsWithStatus, PropsWithChildren {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DonutChart.d.ts","sourceRoot":"","sources":["../../../../src/components/DonutChart/DonutChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAG9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"DonutChart.d.ts","sourceRoot":"","sources":["../../../../src/components/DonutChart/DonutChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAG9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAMvE,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,YAAY,CAAC,EAC5D,eAAe,EACf,iBAAiB;IACnB,wDAAwD;IACxD,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC/B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,cAAc,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtD;AAED,wBAAwB;AACxB,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA0D1C,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { FC, PropsWithChildren } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { CategoricalColor } from '../../../../lib/tokens/CategoricalColors';
|
|
3
3
|
export interface LegendItemProps extends PropsWithChildren {
|
|
4
|
-
color?:
|
|
4
|
+
color?: CategoricalColor;
|
|
5
5
|
}
|
|
6
6
|
export declare const LegendItem: FC<LegendItemProps>;
|
|
7
7
|
export default LegendItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LegendItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Legend/components/LegendItem/LegendItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,
|
|
1
|
+
{"version":3,"file":"LegendItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Legend/components/LegendItem/LegendItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAGvE,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAa1C,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PropsWithChildren, default as React } from 'react';
|
|
2
2
|
import { PropsWithStatus } from '../../lib/types/props';
|
|
3
|
-
import {
|
|
3
|
+
import { CategoricalColor } from '../../lib/tokens/CategoricalColors';
|
|
4
4
|
import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
|
|
5
5
|
import * as Aria from "react-aria-components";
|
|
6
6
|
export interface ProgressBarProps extends PropsWithChildren<Omit<Aria.ProgressBarProps, "children">>, PropsWithStatus, FlowComponentProps {
|
|
@@ -12,7 +12,7 @@ export interface ProgressBarProps extends PropsWithChildren<Omit<Aria.ProgressBa
|
|
|
12
12
|
segments?: {
|
|
13
13
|
value: number;
|
|
14
14
|
title: string;
|
|
15
|
-
color?:
|
|
15
|
+
color?: CategoricalColor;
|
|
16
16
|
valueText?: string;
|
|
17
17
|
}[];
|
|
18
18
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAC9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAMzD,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAC9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAMzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAE9C,MAAM,WAAW,gBACf,SAAQ,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC,EAChE,eAAe,EACf,kBAAkB;IACpB,iDAAiD;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yDAAyD;IACzD,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,yDAAyD;IACzD,QAAQ,CAAC,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,gBAAgB,CAAC;QACzB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,EAAE,CAAC;IACJ;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,iFAqEtB,CAAC;AAEH,eAAe,WAAW,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { default as tokens } from '@mittwald/flow-design-tokens/variables.json';
|
|
2
2
|
export declare const categoricalColors: (keyof typeof tokens.color.categorical)[];
|
|
3
|
-
export type
|
|
3
|
+
export type CategoricalColor = (typeof categoricalColors)[number];
|
|
4
4
|
//# sourceMappingURL=CategoricalColors.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CategoricalColors.d.ts","sourceRoot":"","sources":["../../../../src/lib/tokens/CategoricalColors.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,6CAA6C,CAAC;AAEjE,eAAO,MAAM,iBAAiB,EAEzB,CAAC,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"CategoricalColors.d.ts","sourceRoot":"","sources":["../../../../src/lib/tokens/CategoricalColors.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,6CAA6C,CAAC;AAEjE,eAAO,MAAM,iBAAiB,EAEzB,CAAC,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC;AAE/C,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mittwald/flow-react-components",
|
|
3
|
-
"version": "0.2.0-alpha.
|
|
3
|
+
"version": "0.2.0-alpha.399",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A React implementation of Flow, mittwald’s design system",
|
|
6
6
|
"homepage": "https://mittwald.github.io/flow",
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
"@chakra-ui/live-region": "^2.1.0",
|
|
59
59
|
"@internationalized/string-compiler": "^3.2.6",
|
|
60
60
|
"@mittwald/password-tools-js": "3.0.0-alpha.15",
|
|
61
|
-
"@mittwald/react-tunnel": "0.2.0-alpha.
|
|
61
|
+
"@mittwald/react-tunnel": "0.2.0-alpha.399",
|
|
62
62
|
"@mittwald/react-use-promise": "^3.0.4",
|
|
63
63
|
"@react-aria/form": "^3.1.0",
|
|
64
64
|
"@react-aria/utils": "^3.30.0",
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
"@faker-js/faker": "^9.9.0",
|
|
100
100
|
"@internationalized/date": "^3.8.2",
|
|
101
101
|
"@mittwald/flow-core": "",
|
|
102
|
-
"@mittwald/flow-design-tokens": "0.2.0-alpha.
|
|
102
|
+
"@mittwald/flow-design-tokens": "0.2.0-alpha.399",
|
|
103
103
|
"@mittwald/react-use-promise": "^3.0.4",
|
|
104
104
|
"@mittwald/remote-dom-react": "1.2.2-mittwald.3",
|
|
105
105
|
"@mittwald/typescript-config": "",
|
|
@@ -175,5 +175,5 @@
|
|
|
175
175
|
"optional": true
|
|
176
176
|
}
|
|
177
177
|
},
|
|
178
|
-
"gitHead": "
|
|
178
|
+
"gitHead": "8f4e029e950f1e59f95d40a1cd277ff42d8a6cb1"
|
|
179
179
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CategoricalColors.mjs","sources":["../../../../../../src/lib/tokens/CategoricalColors.ts"],"sourcesContent":["import tokens from \"@mittwald/flow-design-tokens/variables.json\";\n\nexport const categoricalColors = Object.keys(\n tokens.color.categorical,\n) as (keyof typeof tokens.color.categorical)[];\nexport type CategoricalColors = (typeof categoricalColors)[number];\n"],"names":[],"mappings":";;AAEO,MAAM,oBAAoB,MAAO,CAAA,IAAA;AAAA,EACtC,OAAO,KAAM,CAAA;AACf;;;;"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
"use client"
|
|
2
|
-
/* */
|
|
3
|
-
import tokens from '../../../../design-tokens/dist/variables.json.mjs';
|
|
4
|
-
|
|
5
|
-
const getCategoricalColorValue = (color) => {
|
|
6
|
-
return tokens.color.categorical[color].value;
|
|
7
|
-
};
|
|
8
|
-
|
|
9
|
-
export { getCategoricalColorValue };
|
|
10
|
-
//# sourceMappingURL=getCategoricalColorValue.mjs.map
|