@mittwald/flow-react-components 0.2.0-alpha.841 → 0.2.0-alpha.842

package/dist/js/flr-universal.mjs

@@ -224,6 +224,7 @@ import './packages/components/src/components/List/listContext.mjs';
 import 'mobx';
 export { List } from './packages/components/src/components/List/List.mjs';
 export { typedList } from './packages/components/src/components/List/typedList.mjs';
+import 'framer-motion';
 import 'react-markdown';
 import 'remark-gfm';
 import './packages/components/src/components/MarkdownEditor/MarkdownEditor.mjs';

package/dist/js/flr-universal.mjs.map

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

package/dist/js/packages/components/src/components/LoadingSpinner/LoadingSpinner.mjs

@@ -10,15 +10,31 @@ import { IconPending } from '../Icon/components/icons/IconPending.mjs';
 import styles from './LoadingSpinner.module.scss.mjs';
 import clsx from 'clsx';
 import { isAlphaColor } from '../../lib/types/props.mjs';
+import { useReducedMotion } from 'framer-motion';
+import { useDesignTokens } from '../../lib/theming/hooks/useDesignTokens.mjs';
 
 const LoadingSpinner = (props) => {
   const { className, color = "default", ...rest } = props;
+  const preferReducedMotion = useReducedMotion();
+  const designTokens = useDesignTokens();
+  const loadingSpinnerTokens = designTokens["loading-spinner"];
+  const animationDurationMs = preferReducedMotion ? parseInt(loadingSpinnerTokens["transition-duration-slow"].value) : parseInt(loadingSpinnerTokens["transition-duration"].value);
   const rootClassName = clsx(
     styles.loadingSpinner,
     isAlphaColor(color) && styles[color],
     className
   );
-  return /* @__PURE__ */ jsx(IconPending, { className: rootClassName, ...rest });
+  const startingRotation = (performance.now() / animationDurationMs * 360 % 360 + 360) % 360;
+  return /* @__PURE__ */ jsx(
+    IconPending,
+    {
+      className: rootClassName,
+      style: {
+        "--from-angle": `${startingRotation}deg`
+      },
+      ...rest
+    }
+  );
 };
 
 export { LoadingSpinner, LoadingSpinner as default };

package/dist/js/packages/components/src/components/LoadingSpinner/LoadingSpinner.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingSpinner.mjs","sources":["../../../../../../../src/components/LoadingSpinner/LoadingSpinner.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { IconPending } from \"@/components/Icon/components/icons\";\nimport styles from \"./LoadingSpinner.module.scss\";\nimport type { IconProps } from \"@/components/Icon\";\nimport clsx from \"clsx\";\nimport { type AlphaColor, isAlphaColor } from \"@/lib/types/props\";\n\nexport interface LoadingSpinnerProps extends IconProps {\n  /** The color of the loading spinner. @default \"default\" */\n  color?: \"default\" | AlphaColor;\n}\n\n/** @flr-generate all */\nexport const LoadingSpinner: FC<LoadingSpinnerProps> = (props) => {\n  const { className, color = \"default\", ...rest } = props;\n\n  const rootClassName = clsx(\n    styles.loadingSpinner,\n    isAlphaColor(color) && styles[color],\n    className,\n  );\n\n  return <IconPending className={rootClassName} {...rest} />;\n};\n\nexport default LoadingSpinner;\n"],"names":[],"mappings":";;;;;;;;;;;AAcO,MAAM,cAAA,GAA0C,CAAC,KAAA,KAAU;AAChE,EAAA,MAAM,EAAE,SAAA,EAAW,KAAA,GAAQ,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AAElD,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,cAAA;AAAA,IACP,YAAA,CAAa,KAAK,CAAA,IAAK,MAAA,CAAO,KAAK,CAAA;AAAA,IACnC;AAAA,GACF;AAEA,EAAA,uBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,SAAA,EAAW,aAAA,EAAgB,GAAG,IAAA,EAAM,CAAA;AAC1D;;;;"}
+{"version":3,"file":"LoadingSpinner.mjs","sources":["../../../../../../../src/components/LoadingSpinner/LoadingSpinner.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport React from \"react\";\nimport { IconPending } from \"@/components/Icon/components/icons\";\nimport styles from \"./LoadingSpinner.module.scss\";\nimport type { IconProps } from \"@/components/Icon\";\nimport clsx from \"clsx\";\nimport { type AlphaColor, isAlphaColor } from \"@/lib/types/props\";\nimport { useReducedMotion } from \"framer-motion\";\nimport { useDesignTokens } from \"@/lib/theming\";\n\nexport interface LoadingSpinnerProps extends IconProps {\n  /** The color of the loading spinner. @default \"default\" */\n  color?: \"default\" | AlphaColor;\n}\n\n/** @flr-generate all */\nexport const LoadingSpinner: FC<LoadingSpinnerProps> = (props) => {\n  const { className, color = \"default\", ...rest } = props;\n\n  const preferReducedMotion = useReducedMotion();\n\n  const designTokens = useDesignTokens();\n  const loadingSpinnerTokens = designTokens[\"loading-spinner\"];\n\n  const animationDurationMs = preferReducedMotion\n    ? parseInt(loadingSpinnerTokens[\"transition-duration-slow\"].value)\n    : parseInt(loadingSpinnerTokens[\"transition-duration\"].value);\n\n  const rootClassName = clsx(\n    styles.loadingSpinner,\n    isAlphaColor(color) && styles[color],\n    className,\n  );\n\n  const startingRotation =\n    ((((performance.now() / animationDurationMs) * 360) % 360) + 360) % 360;\n\n  return (\n    <IconPending\n      className={rootClassName}\n      style={\n        {\n          \"--from-angle\": `${startingRotation}deg`,\n        } as React.CSSProperties\n      }\n      {...rest}\n    />\n  );\n};\n\nexport default LoadingSpinner;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAgBO,MAAM,cAAA,GAA0C,CAAC,KAAA,KAAU;AAChE,EAAA,MAAM,EAAE,SAAA,EAAW,KAAA,GAAQ,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AAElD,EAAA,MAAM,sBAAsB,gBAAA,EAAiB;AAE7C,EAAA,MAAM,eAAe,eAAA,EAAgB;AACrC,EAAA,MAAM,oBAAA,GAAuB,aAAa,iBAAiB,CAAA;AAE3D,EAAA,MAAM,mBAAA,GAAsB,mBAAA,GACxB,QAAA,CAAS,oBAAA,CAAqB,0BAA0B,CAAA,CAAE,KAAK,CAAA,GAC/D,QAAA,CAAS,oBAAA,CAAqB,qBAAqB,CAAA,CAAE,KAAK,CAAA;AAE9D,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,cAAA;AAAA,IACP,YAAA,CAAa,KAAK,CAAA,IAAK,MAAA,CAAO,KAAK,CAAA;AAAA,IACnC;AAAA,GACF;AAEA,EAAA,MAAM,oBACA,WAAA,CAAY,GAAA,KAAQ,mBAAA,GAAuB,GAAA,GAAO,MAAO,GAAA,IAAO,GAAA;AAEtE,EAAA,uBACE,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,aAAA;AAAA,MACX,KAAA,EACE;AAAA,QACE,cAAA,EAAgB,GAAG,gBAAgB,CAAA,GAAA;AAAA,OACrC;AAAA,MAED,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/js/packages/components/src/lib/theming/hooks/useDesignTokens.mjs

@@ -1,12 +1,12 @@
 "use client"
 /* */
-import lightTokens from '../../../../../design-tokens/dist/json/all-light.json.mjs';
+import tokens from '../../../../../design-tokens/dist/json/all-light.json.mjs';
 import darkTokens from '../../../../../design-tokens/dist/json/all-dark.json.mjs';
 import { useResolvedTheme } from './useResolvedTheme.mjs';
 
 const useDesignTokens = () => {
   const theme = useResolvedTheme();
-  return theme === "light" ? lightTokens : darkTokens;
+  return theme === "light" ? tokens : darkTokens;
 };
 
 export { useDesignTokens };

package/dist/js/packages/components/src/lib/theming/hooks/useDesignTokens.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDesignTokens.mjs","sources":["../../../../../../../../src/lib/theming/hooks/useDesignTokens.ts"],"sourcesContent":["import lightTokens from \"@mittwald/flow-design-tokens/json/all-light.json\";\nimport darkTokens from \"@mittwald/flow-design-tokens/json/all-dark.json\";\nimport { useResolvedTheme } from \"./useResolvedTheme\";\n\nexport const useDesignTokens = () => {\n  const theme = useResolvedTheme();\n  return theme === \"light\" ? lightTokens : darkTokens;\n};\n"],"names":[],"mappings":";;;;AAIO,MAAM,kBAAkB,MAAM;AACnC,EAAA,MAAM,QAAQ,gBAAA,EAAiB;AAC/B,EAAA,OAAO,KAAA,KAAU,UAAU,WAAA,GAAc,UAAA;AAC3C;;;;"}
+{"version":3,"file":"useDesignTokens.mjs","sources":["../../../../../../../../src/lib/theming/hooks/useDesignTokens.ts"],"sourcesContent":["import lightTokens from \"@mittwald/flow-design-tokens/json/all-light.json\";\nimport darkTokens from \"@mittwald/flow-design-tokens/json/all-dark.json\";\nimport { useResolvedTheme } from \"./useResolvedTheme\";\n\nexport const useDesignTokens = () => {\n  const theme = useResolvedTheme();\n  return theme === \"light\" ? lightTokens : darkTokens;\n};\n"],"names":["lightTokens"],"mappings":";;;;AAIO,MAAM,kBAAkB,MAAM;AACnC,EAAA,MAAM,QAAQ,gBAAA,EAAiB;AAC/B,EAAA,OAAO,KAAA,KAAU,UAAUA,MAAA,GAAc,UAAA;AAC3C;;;;"}

package/dist/js/packages/components/src/lib/tokens/CategoricalColors.mjs

@@ -1,9 +1,9 @@
 "use client"
 /* */
-import lightTokens from '../../../../design-tokens/dist/json/all-light.json.mjs';
+import tokens from '../../../../design-tokens/dist/json/all-light.json.mjs';
 
 const categoricalColors = Object.keys(
-  lightTokens.color.categorical
+  tokens.color.categorical
 );
 
 export { categoricalColors };

package/dist/js/packages/components/src/lib/tokens/CategoricalColors.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CategoricalColors.mjs","sources":["../../../../../../../src/lib/tokens/CategoricalColors.ts"],"sourcesContent":["import tokens from \"@mittwald/flow-design-tokens/json/all-light.json\";\n\nexport const categoricalColors = Object.keys(\n  tokens.color.categorical,\n) as (keyof typeof tokens.color.categorical)[];\n\nexport type CategoricalColor = (typeof categoricalColors)[number];\nexport type CategoricalWithCustomColor = CategoricalColor | (string & {});\n"],"names":["tokens"],"mappings":";;AAEO,MAAM,oBAAoB,MAAA,CAAO,IAAA;AAAA,EACtCA,YAAO,KAAA,CAAM;AACf;;;;"}
+{"version":3,"file":"CategoricalColors.mjs","sources":["../../../../../../../src/lib/tokens/CategoricalColors.ts"],"sourcesContent":["import tokens from \"@mittwald/flow-design-tokens/json/all-light.json\";\n\nexport const categoricalColors = Object.keys(\n  tokens.color.categorical,\n) as (keyof typeof tokens.color.categorical)[];\n\nexport type CategoricalColor = (typeof categoricalColors)[number];\nexport type CategoricalWithCustomColor = CategoricalColor | (string & {});\n"],"names":[],"mappings":";;AAEO,MAAM,oBAAoB,MAAA,CAAO,IAAA;AAAA,EACtC,OAAO,KAAA,CAAM;AACf;;;;"}

package/dist/js/packages/design-tokens/dist/json/all-light.json.mjs

@@ -52,7 +52,7 @@ const list = {"spacing":{"key":"{list.spacing}","value":"8px","filePath":"src/st
 const section = {"section-to-section-spacing":{"key":"{section.section-to-section-spacing}","value":"2rem","filePath":"src/structure/section.yml","isSource":true,"original":{"value":"{size-rem.xl}","key":"{section.section-to-section-spacing}"},"name":"SectionSectionToSectionSpacing","attributes":{"category":"section","type":"section-to-section-spacing"},"path":["section","section-to-section-spacing"]},"spacing":{"key":"{section.spacing}","value":"1rem","filePath":"src/structure/section.yml","isSource":true,"original":{"value":"{size-rem.m}","key":"{section.spacing}"},"name":"SectionSpacing","attributes":{"category":"section","type":"spacing"},"path":["section","spacing"]},"sub-heading-spacing-m":{"key":"{section.sub-heading-spacing-m}","value":"1.5rem","filePath":"src/structure/section.yml","isSource":true,"original":{"value":"{size-rem.l}","key":"{section.sub-heading-spacing-m}"},"name":"SectionSubHeadingSpacingM","attributes":{"category":"section","type":"sub-heading-spacing-m"},"path":["section","sub-heading-spacing-m"]},"sub-heading-spacing-s":{"key":"{section.sub-heading-spacing-s}","value":"0.5rem","filePath":"src/structure/section.yml","isSource":true,"original":{"value":"{size-rem.s}","key":"{section.sub-heading-spacing-s}"},"name":"SectionSubHeadingSpacingS","attributes":{"category":"section","type":"sub-heading-spacing-s"},"path":["section","sub-heading-spacing-s"]}};
 const separator = {"color":{"key":"{separator.color}","value":"#B7C9DB","filePath":"src/structure/separator.yml","isSource":true,"original":{"value":"{neutral.color.500}","key":"{separator.color}"},"name":"SeparatorColor","attributes":{"category":"separator","type":"color"},"path":["separator","color"]},"height":{"key":"{separator.height}","value":"1px","filePath":"src/structure/separator.yml","isSource":true,"original":{"value":"{border-width.100}","key":"{separator.height}"},"name":"SeparatorHeight","attributes":{"category":"separator","type":"height"},"path":["separator","height"]},"border-style":{"key":"{separator.border-style}","value":"solid","filePath":"src/structure/separator.yml","isSource":true,"original":{"value":"{border-style.default}","key":"{separator.border-style}"},"name":"SeparatorBorderStyle","attributes":{"category":"separator","type":"border-style"},"path":["separator","border-style"]}};
 const table = {"corner-radius":{"key":"{table.corner-radius}","value":"8px","filePath":"src/structure/table.yml","isSource":true,"original":{"value":"{corner-radius.m}","key":"{table.corner-radius}"},"name":"TableCornerRadius","attributes":{"category":"table","type":"corner-radius"},"path":["table","corner-radius"]},"border-width":{"key":"{table.border-width}","value":"1px","filePath":"src/structure/table.yml","isSource":true,"original":{"value":"{border-width.100}","key":"{table.border-width}"},"name":"TableBorderWidth","attributes":{"category":"table","type":"border-width"},"path":["table","border-width"]},"border-style":{"key":"{table.border-style}","value":"solid","filePath":"src/structure/table.yml","isSource":true,"original":{"value":"{border-style.default}","key":"{table.border-style}"},"name":"TableBorderStyle","attributes":{"category":"table","type":"border-style"},"path":["table","border-style"]},"border-color":{"key":"{table.border-color}","value":"#5E6C7A","filePath":"src/structure/table.yml","isSource":true,"original":{"value":"{neutral-outline-border-color}","key":"{table.border-color}"},"name":"TableBorderColor","attributes":{"category":"table","type":"border-color"},"path":["table","border-color"]},"padding-x":{"key":"{table.padding-x}","value":"16px","filePath":"src/structure/table.yml","isSource":true,"original":{"value":"{size-px.m}","key":"{table.padding-x}"},"name":"TablePaddingX","attributes":{"category":"table","type":"padding-x"},"path":["table","padding-x"]},"padding-y":{"key":"{table.padding-y}","value":"8px","filePath":"src/structure/table.yml","isSource":true,"original":{"value":"{size-px.s}","key":"{table.padding-y}"},"name":"TablePaddingY","attributes":{"category":"table","type":"padding-y"},"path":["table","padding-y"]},"header-font-weight":{"key":"{table.header-font-weight}","value":"bold","filePath":"src/structure/table.yml","isSource":true,"original":{"value":"{font-weight.bold}","key":"{table.header-font-weight}"},"name":"TableHeaderFontWeight","attributes":{"category":"table","type":"header-font-weight"},"path":["table","header-font-weight"]},"header-border-width":{"key":"{table.header-border-width}","value":"2px","filePath":"src/structure/table.yml","isSource":true,"original":{"value":"{border-width.200}","key":"{table.header-border-width}"},"name":"TableHeaderBorderWidth","attributes":{"category":"table","type":"header-border-width"},"path":["table","header-border-width"]},"footer-font-weight":{"key":"{table.footer-font-weight}","value":"bold","filePath":"src/structure/table.yml","isSource":true,"original":{"value":"{font-weight.bold}","key":"{table.footer-font-weight}"},"name":"TableFooterFontWeight","attributes":{"category":"table","type":"footer-font-weight"},"path":["table","footer-font-weight"]},"footer-border-width":{"key":"{table.footer-border-width}","value":"2px","filePath":"src/structure/table.yml","isSource":true,"original":{"value":"{border-width.200}","key":"{table.footer-border-width}"},"name":"TableFooterBorderWidth","attributes":{"category":"table","type":"footer-border-width"},"path":["table","footer-border-width"]},"background-color":{"key":"{table.background-color}","value":"#FFFFFF","filePath":"src/structure/table.yml","isSource":true,"original":{"value":"{neutral.color.100}","key":"{table.background-color}"},"name":"TableBackgroundColor","attributes":{"category":"table","type":"background-color"},"path":["table","background-color"]},"background-color-accent":{"key":"{table.background-color-accent}","value":"#F4F8FC","filePath":"src/structure/table.yml","isSource":true,"original":{"value":"{neutral.color.200}","key":"{table.background-color-accent}"},"name":"TableBackgroundColorAccent","attributes":{"category":"table","type":"background-color-accent"},"path":["table","background-color-accent"]}};
-const lightTokens = {
+const tokens = {
   "action-group": {"spacing":{"m":{"key":"{action-group.spacing.m}","value":"16px","filePath":"src/actions/action-group.yml","isSource":true,"original":{"value":"{size-px.m}","key":"{action-group.spacing.m}"},"name":"ActionGroupSpacingM","attributes":{"category":"action-group","type":"spacing","item":"m"},"path":["action-group","spacing","m"]},"s":{"key":"{action-group.spacing.s}","value":"8px","filePath":"src/actions/action-group.yml","isSource":true,"original":{"value":"{size-px.s}","key":"{action-group.spacing.s}"},"name":"ActionGroupSpacingS","attributes":{"category":"action-group","type":"spacing","item":"s"},"path":["action-group","spacing","s"]}}},
   button,
   "image-button": {"brightness":{"hover":{"key":"{image-button.brightness.hover}","value":"62.5%","filePath":"src/actions/image-button.yml","isSource":true,"original":{"value":"62.5%","key":"{image-button.brightness.hover}"},"name":"ImageButtonBrightnessHover","attributes":{"category":"image-button","type":"brightness","item":"hover"},"path":["image-button","brightness","hover"]},"pressed":{"key":"{image-button.brightness.pressed}","value":"50%","filePath":"src/actions/image-button.yml","isSource":true,"original":{"value":"50%","key":"{image-button.brightness.pressed}"},"name":"ImageButtonBrightnessPressed","attributes":{"category":"image-button","type":"brightness","item":"pressed"},"path":["image-button","brightness","pressed"]}},"hover-icon-color":{"key":"{image-button.hover-icon-color}","value":"rgb(255 255 255 / 100%)","filePath":"src/actions/image-button.yml","isSource":true,"original":{"value":"{light-static-plain-content-color}","key":"{image-button.hover-icon-color}"},"name":"ImageButtonHoverIconColor","attributes":{"category":"image-button","type":"hover-icon-color"},"path":["image-button","hover-icon-color"]}},
@@ -303,5 +303,5 @@ const lightTokens = {
   "image-cropper": {"spacing":{"key":"{image-cropper.spacing}","value":"16px","filePath":"src/upload/image-cropper.yml","isSource":true,"original":{"value":"{size-px.m}","key":"{image-cropper.spacing}"},"name":"ImageCropperSpacing","attributes":{"category":"image-cropper","type":"spacing"},"path":["image-cropper","spacing"]},"border-color":{"key":"{image-cropper.border-color}","value":"#5E6C7A","filePath":"src/upload/image-cropper.yml","isSource":true,"original":{"value":"{neutral-outline-border-color}","key":"{image-cropper.border-color}"},"name":"ImageCropperBorderColor","attributes":{"category":"image-cropper","type":"border-color"},"path":["image-cropper","border-color"]},"border-style":{"key":"{image-cropper.border-style}","value":"solid","filePath":"src/upload/image-cropper.yml","isSource":true,"original":{"value":"{border-style.default}","key":"{image-cropper.border-style}"},"name":"ImageCropperBorderStyle","attributes":{"category":"image-cropper","type":"border-style"},"path":["image-cropper","border-style"]},"border-width":{"key":"{image-cropper.border-width}","value":"1px","filePath":"src/upload/image-cropper.yml","isSource":true,"original":{"value":"{border-width.100}","key":"{image-cropper.border-width}"},"name":"ImageCropperBorderWidth","attributes":{"category":"image-cropper","type":"border-width"},"path":["image-cropper","border-width"]},"corner-radius":{"key":"{image-cropper.corner-radius}","value":"8px","filePath":"src/upload/image-cropper.yml","isSource":true,"original":{"value":"{corner-radius.m}","key":"{image-cropper.corner-radius}"},"name":"ImageCropperCornerRadius","attributes":{"category":"image-cropper","type":"corner-radius"},"path":["image-cropper","corner-radius"]},"grid-width":{"key":"{image-cropper.grid-width}","value":"0.5px","filePath":"src/upload/image-cropper.yml","isSource":true,"original":{"value":"0.5px","key":"{image-cropper.grid-width}"},"name":"ImageCropperGridWidth","attributes":{"category":"image-cropper","type":"grid-width"},"path":["image-cropper","grid-width"]},"grid-color":{"key":"{image-cropper.grid-color}","value":"rgb(255 255 255 / 50%)","filePath":"src/upload/image-cropper.yml","isSource":true,"original":{"value":"{light-static.color.400}","key":"{image-cropper.grid-color}"},"name":"ImageCropperGridColor","attributes":{"category":"image-cropper","type":"grid-color"},"path":["image-cropper","grid-color"]},"mask-border-color":{"key":"{image-cropper.mask-border-color}","value":"rgb(255 255 255 / 100%)","filePath":"src/upload/image-cropper.yml","isSource":true,"original":{"value":"{light-static.color.800}","key":"{image-cropper.mask-border-color}"},"name":"ImageCropperMaskBorderColor","attributes":{"category":"image-cropper","type":"mask-border-color"},"path":["image-cropper","mask-border-color"]},"mask-color":{"key":"{image-cropper.mask-color}","value":"rgb(0 0 0 / 75%)","filePath":"src/upload/image-cropper.yml","isSource":true,"original":{"value":"{dark-static.color.600}","key":"{image-cropper.mask-color}"},"name":"ImageCropperMaskColor","attributes":{"category":"image-cropper","type":"mask-color"},"path":["image-cropper","mask-color"]}},
 };
 
-export { accordion, alert, align, area, avatar, axis, badge, blur, breadcrumb, button, calendar, chat, choice, color, danger, dark, decorative, lightTokens as default, focus, heading, icon, image, info, initials, kbd, label, legend, light, line, link, list, markdown, menu, message, modal, neutral, notification, overlay, popover, primary, rating, section, separator, shadow, slider, success, table, tabs, text, tooltip, transition, unavailable, warning };
+export { accordion, alert, align, area, avatar, axis, badge, blur, breadcrumb, button, calendar, chat, choice, color, danger, dark, decorative, tokens as default, focus, heading, icon, image, info, initials, kbd, label, legend, light, line, link, list, markdown, menu, message, modal, neutral, notification, overlay, popover, primary, rating, section, separator, shadow, slider, success, table, tabs, text, tooltip, transition, unavailable, warning };
 //# sourceMappingURL=all-light.json.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../../src/components/LoadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,KAAK,UAAU,EAAgB,MAAM,mBAAmB,CAAC;AAElE,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,2DAA2D;IAC3D,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CAChC;AAED,wBAAwB;AACxB,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAUlD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../../src/components/LoadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,KAAK,UAAU,EAAgB,MAAM,mBAAmB,CAAC;AAIlE,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,2DAA2D;IAC3D,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CAChC;AAED,wBAAwB;AACxB,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAgClD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.2.0-alpha.841",
+  "version": "0.2.0-alpha.842",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -63,9 +63,9 @@
     "@internationalized/string": "^3.2.7",
     "@internationalized/string-compiler": "^3.3.0",
     "@lezer/highlight": "^1.2.3",
-    "@mittwald/flow-icons": "0.2.0-alpha.841",
+    "@mittwald/flow-icons": "0.2.0-alpha.842",
     "@mittwald/password-tools-js": "3.0.0-alpha.30",
-    "@mittwald/react-tunnel": "0.2.0-alpha.841",
+    "@mittwald/react-tunnel": "0.2.0-alpha.842",
     "@mittwald/react-use-promise": "^4.2.2",
     "@react-aria/form": "^3.1.5",
     "@react-aria/i18n": "^3.12.16",
@@ -119,7 +119,7 @@
     "@lezer/generator": "^1.8.0",
     "@lezer/lr": "^1.4.8",
     "@mittwald/flow-core": "",
-    "@mittwald/flow-design-tokens": "0.2.0-alpha.841",
+    "@mittwald/flow-design-tokens": "0.2.0-alpha.842",
     "@mittwald/flow-icons-base": "",
     "@mittwald/react-use-promise": "^4.2.2",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.10",
@@ -174,7 +174,7 @@
   },
   "peerDependencies": {
     "@internationalized/date": "^3.10.0",
-    "@mittwald/flow-icons-pro": "0.2.0-alpha.840",
+    "@mittwald/flow-icons-pro": "0.2.0-alpha.841",
     "@mittwald/react-use-promise": "^4.2.2",
     "next": "^16.2.3",
     "react": "^19.2.0",
@@ -195,5 +195,5 @@
       "optional": true
     }
   },
-  "gitHead": "97d32b6de28e2f13547510980c7eba2eaa621e75"
+  "gitHead": "b08e36018570a7bf5fe789d570650b97e3e459bd"
 }