@mittwald/flow-react-components 0.2.0-alpha.347 → 0.2.0-alpha.348

package/dist/js/components/src/components/AreaChart/AreaChart.mjs

@@ -84,7 +84,7 @@ const AreaChart = (props) => {
         areasWithoutDots,
         otherChildren,
         areasWithDots,
-        showEmptyView && viewDimensions && /* @__PURE__ */ jsx("foreignObject", { ...viewDimensions, children: /* @__PURE__ */ jsx(EmptyView, { data }) })
+        showEmptyView && viewDimensions && /* @__PURE__ */ jsx("foreignObject", { ...viewDimensions, children: /* @__PURE__ */ jsx("div", { className: styles.emptyViewContainer, children: /* @__PURE__ */ jsx(EmptyView, { data }) }) })
       ] }) })
     }
   ) });

package/dist/js/components/src/components/AreaChart/AreaChart.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AreaChart.mjs","sources":["../../../../../../src/components/AreaChart/AreaChart.tsx"],"sourcesContent":["import * as Recharts from \"recharts\";\nimport type { CategoricalChartProps } from \"recharts/types/chart/generateCategoricalChart\";\nimport React, {\n  Children,\n  cloneElement,\n  useEffect,\n  useRef,\n  useState,\n  type FC,\n  type PropsWithChildren,\n  type ReactElement,\n  type SVGProps,\n} from \"react\";\nimport { Area, type AreaProps } from \"./components/Area\";\nimport CartesianGrid from \"../CartesianGrid\";\nimport clsx from \"clsx\";\nimport styles from \"./AreaChart.module.scss\";\nimport Wrap from \"../Wrap\";\n\nexport interface AreaChartEmptyViewProps {\n  data?: CategoricalChartProps[\"data\"];\n}\n\nexport interface AreaChartProps\n  extends Pick<\n      CategoricalChartProps,\n      \"data\" | \"className\" | \"syncId\" | \"syncMethod\"\n    >,\n    PropsWithChildren {\n  height?: string;\n  /** View that is provided when data is empty/undefined */\n  emptyView?: React.ComponentType<AreaChartEmptyViewProps>;\n  /**\n   * Allow the height controlling container to set flex-grow: 1. Can only be\n   * used in combination with `height`\n   */\n  flexGrow?: boolean;\n}\n\n/** @flr-generate all */\nexport const AreaChart: FC<AreaChartProps> = (props) => {\n  const {\n    children,\n    data,\n    className,\n    height,\n    flexGrow,\n    emptyView: EmptyView,\n    ...rest\n  } = props;\n  const rootClassName = clsx(styles.areaChart, className);\n\n  // render order: grid, areas without dots, other children, areas with dots\n  // this is needed to ensure that the dots will always overlay the areas\n  const areasWithoutDots: ReactElement[] = [];\n  const areasWithDots: ReactElement[] = [];\n  const otherChildren: ReactElement[] = [];\n  const gridChildren: ReactElement[] = [];\n\n  Children.forEach(children, (child, index) => {\n    if (!child) return;\n    const element = child as ReactElement;\n\n    if (element.type === CartesianGrid) {\n      gridChildren.push(element);\n    } else if (element.type === Area) {\n      areasWithoutDots.push(\n        cloneElement(element as ReactElement<AreaProps>, {\n          onlyDots: false,\n          key: `area-${index}`,\n        }),\n      );\n      areasWithDots.push(\n        cloneElement(element as ReactElement<AreaProps>, {\n          onlyDots: true,\n          key: `area-dots-${index}`,\n        }),\n      );\n    } else {\n      otherChildren.push(element);\n    }\n  });\n\n  const showEmptyView = (!data || data.length === 0) && EmptyView;\n\n  const chartContainerRef = useRef<HTMLDivElement>(null);\n  const [viewDimensions, setViewDimensions] = useState<Partial<\n    SVGProps<SVGForeignObjectElement>\n  > | null>(null);\n\n  // resizing the foreignObject for the EmptyView on size changes\n  useEffect(() => {\n    if (showEmptyView) {\n      const updateDimensions = () => {\n        const svg = chartContainerRef.current?.querySelector(\n          \"svg\",\n        ) as SVGSVGElement | null;\n        if (!svg) return;\n\n        const clip = svg.querySelector(\"clipPath rect\");\n        if (clip) {\n          const x = parseFloat(clip.getAttribute(\"x\") ?? \"0\");\n          const y = parseFloat(clip.getAttribute(\"y\") ?? \"0\");\n          const width = parseFloat(clip.getAttribute(\"width\") ?? \"0\");\n          const height = parseFloat(clip.getAttribute(\"height\") ?? \"0\");\n          setViewDimensions({ x, y, width, height });\n        }\n      };\n\n      updateDimensions();\n\n      const container = chartContainerRef.current;\n      const observer = new ResizeObserver(updateDimensions);\n      if (container) observer.observe(container);\n\n      return () => {\n        observer.disconnect();\n      };\n    }\n  }, []);\n\n  return (\n    <Wrap if={height}>\n      <div\n        style={{ height, flex: flexGrow ? 1 : undefined }}\n        ref={chartContainerRef}\n      >\n        <Recharts.ResponsiveContainer>\n          <Recharts.AreaChart data={data} className={rootClassName} {...rest}>\n            {!showEmptyView && gridChildren}\n            {areasWithoutDots}\n            {otherChildren}\n            {areasWithDots}\n            {showEmptyView && viewDimensions && (\n              <foreignObject {...viewDimensions}>\n                <EmptyView data={data} />\n              </foreignObject>\n            )}\n          </Recharts.AreaChart>\n        </Recharts.ResponsiveContainer>\n      </div>\n    </Wrap>\n  );\n};\n\nexport default AreaChart;\n"],"names":["height"],"mappings":"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"}
+{"version":3,"file":"AreaChart.mjs","sources":["../../../../../../src/components/AreaChart/AreaChart.tsx"],"sourcesContent":["import * as Recharts from \"recharts\";\nimport type { CategoricalChartProps } from \"recharts/types/chart/generateCategoricalChart\";\nimport React, {\n  Children,\n  cloneElement,\n  useEffect,\n  useRef,\n  useState,\n  type FC,\n  type PropsWithChildren,\n  type ReactElement,\n  type SVGProps,\n} from \"react\";\nimport { Area, type AreaProps } from \"./components/Area\";\nimport CartesianGrid from \"../CartesianGrid\";\nimport clsx from \"clsx\";\nimport styles from \"./AreaChart.module.scss\";\nimport Wrap from \"../Wrap\";\n\nexport interface AreaChartEmptyViewProps {\n  data?: CategoricalChartProps[\"data\"];\n}\n\nexport interface AreaChartProps\n  extends Pick<\n      CategoricalChartProps,\n      \"data\" | \"className\" | \"syncId\" | \"syncMethod\"\n    >,\n    PropsWithChildren {\n  height?: string;\n  /** View that is provided when data is empty/undefined */\n  emptyView?: React.ComponentType<AreaChartEmptyViewProps>;\n  /**\n   * Allow the height controlling container to set flex-grow: 1. Can only be\n   * used in combination with `height`\n   */\n  flexGrow?: boolean;\n}\n\n/** @flr-generate all */\nexport const AreaChart: FC<AreaChartProps> = (props) => {\n  const {\n    children,\n    data,\n    className,\n    height,\n    flexGrow,\n    emptyView: EmptyView,\n    ...rest\n  } = props;\n  const rootClassName = clsx(styles.areaChart, className);\n\n  // render order: grid, areas without dots, other children, areas with dots\n  // this is needed to ensure that the dots will always overlay the areas\n  const areasWithoutDots: ReactElement[] = [];\n  const areasWithDots: ReactElement[] = [];\n  const otherChildren: ReactElement[] = [];\n  const gridChildren: ReactElement[] = [];\n\n  Children.forEach(children, (child, index) => {\n    if (!child) return;\n    const element = child as ReactElement;\n\n    if (element.type === CartesianGrid) {\n      gridChildren.push(element);\n    } else if (element.type === Area) {\n      areasWithoutDots.push(\n        cloneElement(element as ReactElement<AreaProps>, {\n          onlyDots: false,\n          key: `area-${index}`,\n        }),\n      );\n      areasWithDots.push(\n        cloneElement(element as ReactElement<AreaProps>, {\n          onlyDots: true,\n          key: `area-dots-${index}`,\n        }),\n      );\n    } else {\n      otherChildren.push(element);\n    }\n  });\n\n  const showEmptyView = (!data || data.length === 0) && EmptyView;\n\n  const chartContainerRef = useRef<HTMLDivElement>(null);\n  const [viewDimensions, setViewDimensions] = useState<Partial<\n    SVGProps<SVGForeignObjectElement>\n  > | null>(null);\n\n  // resizing the foreignObject for the EmptyView on size changes\n  useEffect(() => {\n    if (showEmptyView) {\n      const updateDimensions = () => {\n        const svg = chartContainerRef.current?.querySelector(\n          \"svg\",\n        ) as SVGSVGElement | null;\n        if (!svg) return;\n\n        const clip = svg.querySelector(\"clipPath rect\");\n        if (clip) {\n          const x = parseFloat(clip.getAttribute(\"x\") ?? \"0\");\n          const y = parseFloat(clip.getAttribute(\"y\") ?? \"0\");\n          const width = parseFloat(clip.getAttribute(\"width\") ?? \"0\");\n          const height = parseFloat(clip.getAttribute(\"height\") ?? \"0\");\n          setViewDimensions({ x, y, width, height });\n        }\n      };\n\n      updateDimensions();\n\n      const container = chartContainerRef.current;\n      const observer = new ResizeObserver(updateDimensions);\n      if (container) observer.observe(container);\n\n      return () => {\n        observer.disconnect();\n      };\n    }\n  }, []);\n\n  return (\n    <Wrap if={height}>\n      <div\n        style={{ height, flex: flexGrow ? 1 : undefined }}\n        ref={chartContainerRef}\n      >\n        <Recharts.ResponsiveContainer>\n          <Recharts.AreaChart data={data} className={rootClassName} {...rest}>\n            {!showEmptyView && gridChildren}\n            {areasWithoutDots}\n            {otherChildren}\n            {areasWithDots}\n            {showEmptyView && viewDimensions && (\n              <foreignObject {...viewDimensions}>\n                <div className={styles.emptyViewContainer}>\n                  <EmptyView data={data} />\n                </div>\n              </foreignObject>\n            )}\n          </Recharts.AreaChart>\n        </Recharts.ResponsiveContainer>\n      </div>\n    </Wrap>\n  );\n};\n\nexport default AreaChart;\n"],"names":["height"],"mappings":"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"}

package/dist/js/components/src/components/AreaChart/AreaChart.module.scss.mjs

@@ -1,9 +1,11 @@
 "use client"
 /* */
 const areaChart = "flow--area-chart";
+const emptyViewContainer = "flow--area-chart--empty-view-container";
 const styles = {
-	areaChart: areaChart
+	areaChart: areaChart,
+	emptyViewContainer: emptyViewContainer
 };
 
-export { areaChart, styles as default };
+export { areaChart, styles as default, emptyViewContainer };
 //# sourceMappingURL=AreaChart.module.scss.mjs.map

package/dist/js/components/src/components/AreaChart/AreaChart.module.scss.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AreaChart.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"AreaChart.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/js/components/src/components/AreaChart/components/Line/Line.mjs

@@ -0,0 +1,26 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import * as Recharts from 'recharts';
+import tokens from '../../../../../../design-tokens/dist/variables.json.mjs';
+import { AreaDot } from '../AreaDot/AreaDot.mjs';
+import { getCategoricalColorValue } from '../../../../lib/tokens/getCategoricalColorValue.mjs';
+
+const Line = (props) => {
+  const { color = "sea-green", ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    Recharts.Line,
+    {
+      ...rest,
+      fill: getCategoricalColorValue(color),
+      activeDot: /* @__PURE__ */ jsx(AreaDot, { color: getCategoricalColorValue(color) }),
+      dot: false,
+      stroke: getCategoricalColorValue(color),
+      strokeWidth: tokens.line["border-width"].value
+    }
+  );
+};
+
+export { Line, Line as default };
+//# sourceMappingURL=Line.mjs.map

package/dist/js/components/src/components/AreaChart/components/Line/Line.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Line.mjs","sources":["../../../../../../../../src/components/AreaChart/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 { CategoricalColors } from \"@/lib/tokens/CategoricalColors\";\nimport { getCategoricalColorValue } from \"@/lib/tokens/getCategoricalColorValue\";\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?: CategoricalColors;\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={getCategoricalColorValue(color)}\n      activeDot={<AreaDot color={getCategoricalColorValue(color)} />}\n      dot={false}\n      stroke={getCategoricalColorValue(color)}\n      strokeWidth={tokens.line[\"border-width\"].value}\n    />\n  );\n};\n\nexport default Line;\n"],"names":[],"mappings":";;;;;;;AAiBa,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,yBAAyB,KAAK,CAAA;AAAA,MACpC,2BAAY,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,wBAAA,CAAyB,KAAK,CAAG,EAAA,CAAA;AAAA,MAC5D,GAAK,EAAA,KAAA;AAAA,MACL,MAAA,EAAQ,yBAAyB,KAAK,CAAA;AAAA,MACtC,WAAa,EAAA,MAAA,CAAO,IAAK,CAAA,cAAc,CAAE,CAAA;AAAA;AAAA,GAC3C;AAEJ;;;;"}

package/dist/js/components/src/components/XAxis/XAxis.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"XAxis.mjs","sources":["../../../../../../src/components/XAxis/XAxis.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport tokens from \"@mittwald/flow-design-tokens/variables.json\";\n\nexport type XAxisProps = Pick<\n  Recharts.XAxisProps,\n  | \"className\"\n  | \"dataKey\"\n  | \"orientation\"\n  | \"allowDecimals\"\n  | \"allowDataOverflow\"\n  | \"interval\"\n  | \"minTickGap\"\n  | \"scale\"\n  | \"type\"\n  | \"domain\"\n  | \"hide\"\n>;\n\n/** @flr-generate all */\nexport const XAxis: FC<XAxisProps> = (props) => {\n  return (\n    <Recharts.XAxis\n      {...props}\n      fontSize={tokens.axis[\"font-size\"].value}\n      tick={{\n        fill: tokens.axis[\"text-color\"].value,\n      }}\n      tickMargin={parseInt(tokens.axis.spacing.value)}\n      tickSize={parseInt(tokens.axis[\"tick-size\"].value)}\n    />\n  );\n};\n\nexport default XAxis;\n"],"names":[],"mappings":";;;;AAoBa,MAAA,KAAA,GAAwB,CAAC,KAAU,KAAA;AAC9C,EACE,uBAAA,GAAA;AAAA,IAAC,QAAS,CAAA,KAAA;AAAA,IAAT;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,QAAU,EAAA,MAAA,CAAO,IAAK,CAAA,WAAW,CAAE,CAAA,KAAA;AAAA,MACnC,IAAM,EAAA;AAAA,QACJ,IAAM,EAAA,MAAA,CAAO,IAAK,CAAA,YAAY,CAAE,CAAA;AAAA,OAClC;AAAA,MACA,UAAY,EAAA,QAAA,CAAS,MAAO,CAAA,IAAA,CAAK,QAAQ,KAAK,CAAA;AAAA,MAC9C,UAAU,QAAS,CAAA,MAAA,CAAO,IAAK,CAAA,WAAW,EAAE,KAAK;AAAA;AAAA,GACnD;AAEJ;;;;"}
+{"version":3,"file":"XAxis.mjs","sources":["../../../../../../src/components/XAxis/XAxis.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport tokens from \"@mittwald/flow-design-tokens/variables.json\";\n\nexport type XAxisProps = Pick<\n  Recharts.XAxisProps,\n  | \"className\"\n  | \"dataKey\"\n  | \"orientation\"\n  | \"allowDecimals\"\n  | \"allowDataOverflow\"\n  | \"interval\"\n  | \"minTickGap\"\n  | \"scale\"\n  | \"type\"\n  | \"domain\"\n  | \"hide\"\n  | \"unit\"\n>;\n\n/** @flr-generate all */\nexport const XAxis: FC<XAxisProps> = (props) => {\n  return (\n    <Recharts.XAxis\n      {...props}\n      fontSize={tokens.axis[\"font-size\"].value}\n      tick={{\n        fill: tokens.axis[\"text-color\"].value,\n      }}\n      tickMargin={parseInt(tokens.axis.spacing.value)}\n      tickSize={parseInt(tokens.axis[\"tick-size\"].value)}\n    />\n  );\n};\n\nexport default XAxis;\n"],"names":[],"mappings":";;;;AAqBa,MAAA,KAAA,GAAwB,CAAC,KAAU,KAAA;AAC9C,EACE,uBAAA,GAAA;AAAA,IAAC,QAAS,CAAA,KAAA;AAAA,IAAT;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,QAAU,EAAA,MAAA,CAAO,IAAK,CAAA,WAAW,CAAE,CAAA,KAAA;AAAA,MACnC,IAAM,EAAA;AAAA,QACJ,IAAM,EAAA,MAAA,CAAO,IAAK,CAAA,YAAY,CAAE,CAAA;AAAA,OAClC;AAAA,MACA,UAAY,EAAA,QAAA,CAAS,MAAO,CAAA,IAAA,CAAK,QAAQ,KAAK,CAAA;AAAA,MAC9C,UAAU,QAAS,CAAA,MAAA,CAAO,IAAK,CAAA,WAAW,EAAE,KAAK;AAAA;AAAA,GACnD;AAEJ;;;;"}

package/dist/js/components/src/components/YAxis/YAxis.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YAxis.mjs","sources":["../../../../../../src/components/YAxis/YAxis.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport tokens from \"@mittwald/flow-design-tokens/variables.json\";\n\nexport type YAxisProps = Pick<\n  Recharts.YAxisProps,\n  | \"className\"\n  | \"dataKey\"\n  | \"orientation\"\n  | \"allowDecimals\"\n  | \"interval\"\n  | \"minTickGap\"\n  | \"scale\"\n  | \"type\"\n  | \"domain\"\n  | \"hide\"\n>;\n\n/** @flr-generate all */\nexport const YAxis: FC<YAxisProps> = (props) => {\n  const { domain = [0, (dataMax) => dataMax / 2], ...rest } = props;\n\n  return (\n    <Recharts.YAxis\n      {...rest}\n      allowDataOverflow\n      domain={domain}\n      fontSize={tokens.axis[\"font-size\"].value}\n      tick={{\n        fill: tokens.axis[\"text-color\"].value,\n      }}\n      tickMargin={parseInt(tokens.axis.spacing.value)}\n      tickSize={parseInt(tokens.axis[\"tick-size\"].value)}\n    />\n  );\n};\n\nexport default YAxis;\n"],"names":[],"mappings":";;;;AAmBa,MAAA,KAAA,GAAwB,CAAC,KAAU,KAAA;AAC9C,EAAM,MAAA,EAAE,MAAS,GAAA,CAAC,CAAG,EAAA,CAAC,OAAY,KAAA,OAAA,GAAU,CAAC,CAAA,EAAG,GAAG,IAAA,EAAS,GAAA,KAAA;AAE5D,EACE,uBAAA,GAAA;AAAA,IAAC,QAAS,CAAA,KAAA;AAAA,IAAT;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,iBAAiB,EAAA,IAAA;AAAA,MACjB,MAAA;AAAA,MACA,QAAU,EAAA,MAAA,CAAO,IAAK,CAAA,WAAW,CAAE,CAAA,KAAA;AAAA,MACnC,IAAM,EAAA;AAAA,QACJ,IAAM,EAAA,MAAA,CAAO,IAAK,CAAA,YAAY,CAAE,CAAA;AAAA,OAClC;AAAA,MACA,UAAY,EAAA,QAAA,CAAS,MAAO,CAAA,IAAA,CAAK,QAAQ,KAAK,CAAA;AAAA,MAC9C,UAAU,QAAS,CAAA,MAAA,CAAO,IAAK,CAAA,WAAW,EAAE,KAAK;AAAA;AAAA,GACnD;AAEJ;;;;"}
+{"version":3,"file":"YAxis.mjs","sources":["../../../../../../src/components/YAxis/YAxis.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport tokens from \"@mittwald/flow-design-tokens/variables.json\";\n\nexport type YAxisProps = Pick<\n  Recharts.YAxisProps,\n  | \"className\"\n  | \"dataKey\"\n  | \"orientation\"\n  | \"allowDecimals\"\n  | \"interval\"\n  | \"minTickGap\"\n  | \"scale\"\n  | \"type\"\n  | \"domain\"\n  | \"hide\"\n  | \"unit\"\n>;\n\n/** @flr-generate all */\nexport const YAxis: FC<YAxisProps> = (props) => {\n  const { domain = [0, (dataMax) => dataMax / 2], ...rest } = props;\n\n  return (\n    <Recharts.YAxis\n      {...rest}\n      allowDataOverflow\n      domain={domain}\n      fontSize={tokens.axis[\"font-size\"].value}\n      tick={{\n        fill: tokens.axis[\"text-color\"].value,\n      }}\n      tickMargin={parseInt(tokens.axis.spacing.value)}\n      tickSize={parseInt(tokens.axis[\"tick-size\"].value)}\n    />\n  );\n};\n\nexport default YAxis;\n"],"names":[],"mappings":";;;;AAoBa,MAAA,KAAA,GAAwB,CAAC,KAAU,KAAA;AAC9C,EAAM,MAAA,EAAE,MAAS,GAAA,CAAC,CAAG,EAAA,CAAC,OAAY,KAAA,OAAA,GAAU,CAAC,CAAA,EAAG,GAAG,IAAA,EAAS,GAAA,KAAA;AAE5D,EACE,uBAAA,GAAA;AAAA,IAAC,QAAS,CAAA,KAAA;AAAA,IAAT;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,iBAAiB,EAAA,IAAA;AAAA,MACjB,MAAA;AAAA,MACA,QAAU,EAAA,MAAA,CAAO,IAAK,CAAA,WAAW,CAAE,CAAA,KAAA;AAAA,MACnC,IAAM,EAAA;AAAA,QACJ,IAAM,EAAA,MAAA,CAAO,IAAK,CAAA,YAAY,CAAE,CAAA;AAAA,OAClC;AAAA,MACA,UAAY,EAAA,QAAA,CAAS,MAAO,CAAA,IAAA,CAAK,QAAQ,KAAK,CAAA;AAAA,MAC9C,UAAU,QAAS,CAAA,MAAA,CAAO,IAAK,CAAA,WAAW,EAAE,KAAK;AAAA;AAAA,GACnD;AAEJ;;;;"}

package/dist/js/default.mjs

@@ -11,6 +11,7 @@ export { AlertIcon } from './components/src/components/AlertIcon/AlertIcon.mjs';
 export { Align } from './components/src/components/Align/Align.mjs';
 export { AreaChart } from './components/src/components/AreaChart/AreaChart.mjs';
 export { Area } from './components/src/components/AreaChart/components/Area/Area.mjs';
+export { Line } from './components/src/components/AreaChart/components/Line/Line.mjs';
 export { Autocomplete } from './components/src/components/Autocomplete/Autocomplete.mjs';
 export { Avatar } from './components/src/components/Avatar/Avatar.mjs';
 export { AvatarStack } from './components/src/components/AvatarStack/AvatarStack.mjs';

package/dist/js/default.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"default.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"default.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/js/design-tokens/dist/variables.json.mjs

@@ -3,11 +3,13 @@
 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\"]}}");
 const area = {"border-width":{"value":"2px"},"border-color":{"value":"#FFFFFF"}};
 const axis = {"spacing":{"value":"8px"},"font-size":{"value":"0.875rem"},"text-color":{"value":"#222222"},"tick-size":{"value":"8px"}};
+const line = {"border-width":{"value":"2px"}};
 const tokens = {
   color,
   area,
   axis,
-  "cartesian-grid": {"color":{"value":"#909090"},"stroke-width":{"value":"1px"}}};
+  "cartesian-grid": {"color":{"value":"#909090"},"stroke-width":{"value":"1px"}},
+  line};
 
-export { area, axis, color, tokens as default };
+export { area, axis, color, tokens as default, line };
 //# sourceMappingURL=variables.json.mjs.map

package/dist/js/design-tokens/dist/variables.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"variables.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
+{"version":3,"file":"variables.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/types/components/AreaChart/AreaChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AreaChart.d.ts","sourceRoot":"","sources":["../../../../src/components/AreaChart/AreaChart.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AAC3F,OAAO,KAAK,EAAE,EAMZ,KAAK,EAAE,EACP,KAAK,iBAAiB,EAGvB,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,uBAAuB;IACtC,IAAI,CAAC,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,cACf,SAAQ,IAAI,CACR,qBAAqB,EACrB,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,YAAY,CAC/C,EACD,iBAAiB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yDAAyD;IACzD,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;IACzD;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAwB;AACxB,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAuGxC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"AreaChart.d.ts","sourceRoot":"","sources":["../../../../src/components/AreaChart/AreaChart.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AAC3F,OAAO,KAAK,EAAE,EAMZ,KAAK,EAAE,EACP,KAAK,iBAAiB,EAGvB,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,uBAAuB;IACtC,IAAI,CAAC,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,cACf,SAAQ,IAAI,CACR,qBAAqB,EACrB,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,YAAY,CAC/C,EACD,iBAAiB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yDAAyD;IACzD,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;IACzD;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAwB;AACxB,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAyGxC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/types/components/AreaChart/components/Line/Line.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { CategoricalColors } from '../../../../lib/tokens/CategoricalColors';
+import * as Recharts from "recharts";
+export interface LineProps extends Pick<Recharts.LineProps, "className" | "dataKey" | "key" | "xAxisId" | "yAxisId" | "type" | "unit"> {
+    /** The color of the line. @default "sea-green" */
+    color?: CategoricalColors;
+}
+/** @flr-generate all */
+export declare const Line: FC<LineProps>;
+export default Line;
+//# sourceMappingURL=Line.d.ts.map

package/dist/types/components/AreaChart/components/Line/Line.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../../../../../src/components/AreaChart/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,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAGxE,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,iBAAiB,CAAC;CAC3B;AAED,wBAAwB;AACxB,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAa9B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/types/components/AreaChart/components/Line/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './Line';
+export * from './Line';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/AreaChart/components/Line/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/AreaChart/components/Line/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,cAAc,QAAQ,CAAC"}

package/dist/types/components/AreaChart/components/Line/view.d.ts

@@ -0,0 +1,8 @@
+import { Line } from './Line';
+import { ViewComponent } from '../../../../lib/viewComponentContext';
+declare global {
+    interface FlowViewComponents {
+        Line: ViewComponent<typeof Line>;
+    }
+}
+//# sourceMappingURL=view.d.ts.map

package/dist/types/components/AreaChart/components/Line/view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../../../../src/components/AreaChart/components/Line/view.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,kBAAkB;QAC1B,IAAI,EAAE,aAAa,CAAC,OAAO,IAAI,CAAC,CAAC;KAClC;CACF"}

package/dist/types/components/AreaChart/index.d.ts

@@ -1,4 +1,5 @@
 export { default } from './AreaChart';
 export { type AreaChartProps, AreaChart, type AreaChartEmptyViewProps, } from './AreaChart';
 export * from './components/Area';
+export * from './components/Line';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/AreaChart/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AreaChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,OAAO,EACL,KAAK,cAAc,EACnB,SAAS,EACT,KAAK,uBAAuB,GAC7B,MAAM,aAAa,CAAC;AACrB,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AreaChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,OAAO,EACL,KAAK,cAAc,EACnB,SAAS,EACT,KAAK,uBAAuB,GAC7B,MAAM,aAAa,CAAC;AACrB,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}

package/dist/types/components/AreaChart/stories/Default.stories.d.ts

@@ -6,4 +6,5 @@ export default meta;
 export declare const Default: Story;
 export declare const MultipleSynced: Story;
 export declare const WithEmptyView: Story;
+export declare const WithLine: Story;
 //# sourceMappingURL=Default.stories.d.ts.map

package/dist/types/components/AreaChart/stories/Default.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/AreaChart/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,SAAS,MAAM,cAAc,CAAC;AAuDrC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAUhC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAyB5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAsB3B,CAAC"}
+{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/AreaChart/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,SAAS,MAAM,cAAc,CAAC;AAwDrC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAUhC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAyB5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAsB3B,CAAC;AA8BF,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAC"}

package/dist/types/components/XAxis/XAxis.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import * as Recharts from "recharts";
-export type XAxisProps = Pick<Recharts.XAxisProps, "className" | "dataKey" | "orientation" | "allowDecimals" | "allowDataOverflow" | "interval" | "minTickGap" | "scale" | "type" | "domain" | "hide">;
+export type XAxisProps = Pick<Recharts.XAxisProps, "className" | "dataKey" | "orientation" | "allowDecimals" | "allowDataOverflow" | "interval" | "minTickGap" | "scale" | "type" | "domain" | "hide" | "unit">;
 /** @flr-generate all */
 export declare const XAxis: FC<XAxisProps>;
 export default XAxis;

package/dist/types/components/XAxis/XAxis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"XAxis.d.ts","sourceRoot":"","sources":["../../../../src/components/XAxis/XAxis.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAGrC,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,QAAQ,CAAC,UAAU,EACjB,WAAW,GACX,SAAS,GACT,aAAa,GACb,eAAe,GACf,mBAAmB,GACnB,UAAU,GACV,YAAY,GACZ,OAAO,GACP,MAAM,GACN,QAAQ,GACR,MAAM,CACT,CAAC;AAEF,wBAAwB;AACxB,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAYhC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"XAxis.d.ts","sourceRoot":"","sources":["../../../../src/components/XAxis/XAxis.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAGrC,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,QAAQ,CAAC,UAAU,EACjB,WAAW,GACX,SAAS,GACT,aAAa,GACb,eAAe,GACf,mBAAmB,GACnB,UAAU,GACV,YAAY,GACZ,OAAO,GACP,MAAM,GACN,QAAQ,GACR,MAAM,GACN,MAAM,CACT,CAAC;AAEF,wBAAwB;AACxB,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAYhC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/types/components/YAxis/YAxis.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import * as Recharts from "recharts";
-export type YAxisProps = Pick<Recharts.YAxisProps, "className" | "dataKey" | "orientation" | "allowDecimals" | "interval" | "minTickGap" | "scale" | "type" | "domain" | "hide">;
+export type YAxisProps = Pick<Recharts.YAxisProps, "className" | "dataKey" | "orientation" | "allowDecimals" | "interval" | "minTickGap" | "scale" | "type" | "domain" | "hide" | "unit">;
 /** @flr-generate all */
 export declare const YAxis: FC<YAxisProps>;
 export default YAxis;

package/dist/types/components/YAxis/YAxis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"YAxis.d.ts","sourceRoot":"","sources":["../../../../src/components/YAxis/YAxis.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAGrC,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,QAAQ,CAAC,UAAU,EACjB,WAAW,GACX,SAAS,GACT,aAAa,GACb,eAAe,GACf,UAAU,GACV,YAAY,GACZ,OAAO,GACP,MAAM,GACN,QAAQ,GACR,MAAM,CACT,CAAC;AAEF,wBAAwB;AACxB,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAgBhC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"YAxis.d.ts","sourceRoot":"","sources":["../../../../src/components/YAxis/YAxis.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAGrC,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,QAAQ,CAAC,UAAU,EACjB,WAAW,GACX,SAAS,GACT,aAAa,GACb,eAAe,GACf,UAAU,GACV,YAAY,GACZ,OAAO,GACP,MAAM,GACN,QAAQ,GACR,MAAM,GACN,MAAM,CACT,CAAC;AAEF,wBAAwB;AACxB,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAgBhC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/types/views/LineView.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { LineProps } from '../components/AreaChart';
+declare const LineView: FC<LineProps>;
+export default LineView;
+//# sourceMappingURL=LineView.d.ts.map

package/dist/types/views/LineView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineView.d.ts","sourceRoot":"","sources":["../../../src/views/LineView.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AACnD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAG9D,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,SAAS,CAG3B,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.2.0-alpha.347",
+  "version": "0.2.0-alpha.348",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -58,7 +58,7 @@
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/string-compiler": "^3.2.6",
     "@mittwald/password-tools-js": "^2.1.6",
-    "@mittwald/react-tunnel": "0.2.0-alpha.347",
+    "@mittwald/react-tunnel": "0.2.0-alpha.348",
     "@mittwald/react-use-promise": "^3.0.4",
     "@react-aria/form": "^3.0.18",
     "@react-aria/utils": "^3.29.1",
@@ -99,7 +99,7 @@
     "@faker-js/faker": "^9.9.0",
     "@internationalized/date": "^3.8.2",
     "@mittwald/flow-core": "",
-    "@mittwald/flow-design-tokens": "0.2.0-alpha.347",
+    "@mittwald/flow-design-tokens": "0.2.0-alpha.348",
     "@mittwald/react-use-promise": "^3.0.4",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.3",
     "@mittwald/typescript-config": "",
@@ -172,5 +172,5 @@
       "optional": true
     }
   },
-  "gitHead": "7f736c92b997f9ee4f067cb374b8e8edacd7baa5"
+  "gitHead": "38a952218211757708d34d8427e7f9c95a5c7d0d"
 }