@mittwald/flow-react-components 0.2.0-alpha.494 → 0.2.0-alpha.495

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -22,8 +22,7 @@ const NavigationGroup = flowComponent("NavigationGroup", (props) => {
22
22
  const propsContext = {
23
23
  Label: {
24
24
  id: generatedId,
25
- className: styles.label,
26
- "aria-hidden": true
25
+ className: styles.label
27
26
  },
28
27
  Link: {
29
28
  tunnelId: "groupLinks",
@@ -1 +1 @@
1
- {"version":3,"file":"NavigationGroup.mjs","sources":["../../../../../../../../src/components/Navigation/components/NavigationGroup/NavigationGroup.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren } from \"react\";\nimport { useId } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./NavigationGroup.module.scss\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport { Accordion } from \"@/components/Accordion\";\nimport { Content } from \"@/components/Content\";\nimport {\n flowComponent,\n type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\n\nexport interface NavigationGroupProps\n extends PropsWithChildren<ComponentProps<\"section\">>,\n FlowComponentProps<HTMLElement> {\n collapsable?: boolean;\n}\n\n/** @flr-generate all */\nexport const NavigationGroup = flowComponent(\"NavigationGroup\", (props) => {\n const { children, className, collapsable, ...rest } = props;\n\n const rootClassName = clsx(\n styles.navigationGroup,\n collapsable && styles.collapsable,\n className,\n );\n\n const generatedId = useId();\n\n const propsContext: PropsContext = {\n Label: {\n id: generatedId,\n className: styles.label,\n \"aria-hidden\": true,\n },\n Link: {\n tunnelId: \"groupLinks\",\n unstyled: false,\n color: \"light\",\n className: \"peter\",\n },\n };\n\n if (collapsable) {\n return (\n <PropsContextProvider props={propsContext}>\n <TunnelProvider>\n <Accordion defaultExpanded className={rootClassName}>\n {children}\n <Content>\n <ul>\n <TunnelExit id=\"groupLinks\" />\n </ul>\n </Content>\n </Accordion>\n </TunnelProvider>\n </PropsContextProvider>\n );\n }\n\n return (\n <PropsContextProvider props={propsContext}>\n <TunnelProvider>\n <section\n aria-labelledby={generatedId}\n className={rootClassName}\n {...rest}\n >\n {children}\n <TunnelExit id=\"Label\" />\n <ul>\n <TunnelExit id=\"groupLinks\" />\n </ul>\n </section>\n </TunnelProvider>\n </PropsContextProvider>\n );\n});\n\nexport default NavigationGroup;\n"],"names":[],"mappings":";;;;;;;;;;;AAoBO,MAAM,eAAkB,GAAA,aAAA,CAAc,iBAAmB,EAAA,CAAC,KAAU,KAAA;AACzE,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,WAAa,EAAA,GAAG,MAAS,GAAA,KAAA;AAEtD,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,eAAA;AAAA,IACP,eAAe,MAAO,CAAA,WAAA;AAAA,IACtB;AAAA,GACF;AAEA,EAAA,MAAM,cAAc,KAAM,EAAA;AAE1B,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,EAAI,EAAA,WAAA;AAAA,MACJ,WAAW,MAAO,CAAA,KAAA;AAAA,MAClB,aAAe,EAAA;AAAA,KACjB;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,QAAU,EAAA,YAAA;AAAA,MACV,QAAU,EAAA,KAAA;AAAA,MACV,KAAO,EAAA,OAAA;AAAA,MACP,SAAW,EAAA;AAAA;AACb,GACF;AAEA,EAAA,IAAI,WAAa,EAAA;AACf,IACE,uBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,GAAA,CAAC,cACC,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,SAAU,EAAA,EAAA,eAAA,EAAe,IAAC,EAAA,SAAA,EAAW,aACnC,EAAA,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBACD,GAAA,CAAC,WACC,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EACC,8BAAC,UAAW,EAAA,EAAA,EAAA,EAAG,YAAa,EAAA,CAAA,EAC9B,CACF,EAAA;AAAA,KAAA,EACF,GACF,CACF,EAAA,CAAA;AAAA;AAIJ,EAAA,uBACG,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC3B,8BAAC,cACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,iBAAiB,EAAA,WAAA;AAAA,MACjB,SAAW,EAAA,aAAA;AAAA,MACV,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACD,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,OAAQ,EAAA,CAAA;AAAA,4BACtB,IACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,cAAa,CAC9B,EAAA;AAAA;AAAA;AAAA,KAEJ,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
1
+ {"version":3,"file":"NavigationGroup.mjs","sources":["../../../../../../../../src/components/Navigation/components/NavigationGroup/NavigationGroup.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren } from \"react\";\nimport { useId } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./NavigationGroup.module.scss\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport { Accordion } from \"@/components/Accordion\";\nimport { Content } from \"@/components/Content\";\nimport {\n flowComponent,\n type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\n\nexport interface NavigationGroupProps\n extends PropsWithChildren<ComponentProps<\"section\">>,\n FlowComponentProps<HTMLElement> {\n collapsable?: boolean;\n}\n\n/** @flr-generate all */\nexport const NavigationGroup = flowComponent(\"NavigationGroup\", (props) => {\n const { children, className, collapsable, ...rest } = props;\n\n const rootClassName = clsx(\n styles.navigationGroup,\n collapsable && styles.collapsable,\n className,\n );\n\n const generatedId = useId();\n\n const propsContext: PropsContext = {\n Label: {\n id: generatedId,\n className: styles.label,\n },\n Link: {\n tunnelId: \"groupLinks\",\n unstyled: false,\n color: \"light\",\n className: \"peter\",\n },\n };\n\n if (collapsable) {\n return (\n <PropsContextProvider props={propsContext}>\n <TunnelProvider>\n <Accordion defaultExpanded className={rootClassName}>\n {children}\n <Content>\n <ul>\n <TunnelExit id=\"groupLinks\" />\n </ul>\n </Content>\n </Accordion>\n </TunnelProvider>\n </PropsContextProvider>\n );\n }\n\n return (\n <PropsContextProvider props={propsContext}>\n <TunnelProvider>\n <section\n aria-labelledby={generatedId}\n className={rootClassName}\n {...rest}\n >\n {children}\n <TunnelExit id=\"Label\" />\n <ul>\n <TunnelExit id=\"groupLinks\" />\n </ul>\n </section>\n </TunnelProvider>\n </PropsContextProvider>\n );\n});\n\nexport default NavigationGroup;\n"],"names":[],"mappings":";;;;;;;;;;;AAoBO,MAAM,eAAkB,GAAA,aAAA,CAAc,iBAAmB,EAAA,CAAC,KAAU,KAAA;AACzE,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,WAAa,EAAA,GAAG,MAAS,GAAA,KAAA;AAEtD,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,eAAA;AAAA,IACP,eAAe,MAAO,CAAA,WAAA;AAAA,IACtB;AAAA,GACF;AAEA,EAAA,MAAM,cAAc,KAAM,EAAA;AAE1B,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,EAAI,EAAA,WAAA;AAAA,MACJ,WAAW,MAAO,CAAA;AAAA,KACpB;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,QAAU,EAAA,YAAA;AAAA,MACV,QAAU,EAAA,KAAA;AAAA,MACV,KAAO,EAAA,OAAA;AAAA,MACP,SAAW,EAAA;AAAA;AACb,GACF;AAEA,EAAA,IAAI,WAAa,EAAA;AACf,IACE,uBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,GAAA,CAAC,cACC,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,SAAU,EAAA,EAAA,eAAA,EAAe,IAAC,EAAA,SAAA,EAAW,aACnC,EAAA,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBACD,GAAA,CAAC,WACC,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EACC,8BAAC,UAAW,EAAA,EAAA,EAAA,EAAG,YAAa,EAAA,CAAA,EAC9B,CACF,EAAA;AAAA,KAAA,EACF,GACF,CACF,EAAA,CAAA;AAAA;AAIJ,EAAA,uBACG,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC3B,8BAAC,cACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,iBAAiB,EAAA,WAAA;AAAA,MACjB,SAAW,EAAA,aAAA;AAAA,MACV,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACD,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,OAAQ,EAAA,CAAA;AAAA,4BACtB,IACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,cAAa,CAC9B,EAAA;AAAA;AAAA;AAAA,KAEJ,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
@@ -34,6 +34,7 @@ const TogglePasswordVisibilityButton = ({
34
34
  color: "secondary",
35
35
  isDisabled,
36
36
  "data-component": "toggleRevealPassword",
37
+ "aria-label": tooltipText,
37
38
  children: [
38
39
  icon,
39
40
  /* @__PURE__ */ jsx(Tooltip, { children: tooltipText })
@@ -1 +1 @@
1
- {"version":3,"file":"TogglePasswordVisibilityButton.mjs","sources":["../../../../../../../../src/components/PasswordCreationField/components/TogglePasswordVisibilityButton/TogglePasswordVisibilityButton.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { Tooltip, TooltipTrigger } from \"@/components/Tooltip\";\nimport Button from \"@/components/Button\";\nimport { IconHide, IconShow } from \"@/components/Icon/components/icons\";\nimport { Action, type ActionFn } from \"@/components/Action\";\nimport locales from \"./../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\n\ninterface Props extends PropsWithClassName {\n isDisabled?: boolean;\n isVisible: boolean;\n onPress: ActionFn;\n}\n\n/** @internal */\nexport const TogglePasswordVisibilityButton: FC<Props> = ({\n isVisible,\n isDisabled = false,\n onPress,\n className,\n}) => {\n const translate = useLocalizedStringFormatter(locales);\n\n const icon = isVisible ? <IconHide /> : <IconShow />;\n const tooltipText = translate.format(\n \"button.generate.tooltip.\" + (isVisible ? \"hide\" : \"show\"),\n );\n\n return (\n <Action action={onPress}>\n <TooltipTrigger>\n <Button\n className={className}\n size=\"m\"\n variant=\"plain\"\n color=\"secondary\"\n isDisabled={isDisabled}\n data-component=\"toggleRevealPassword\"\n >\n {icon}\n <Tooltip>{tooltipText}</Tooltip>\n </Button>\n </TooltipTrigger>\n </Action>\n );\n};\n\nexport default TogglePasswordVisibilityButton;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAgBO,MAAM,iCAA4C,CAAC;AAAA,EACxD,SAAA;AAAA,EACA,UAAa,GAAA,KAAA;AAAA,EACb,OAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EAAM,MAAA,SAAA,GAAY,4BAA4B,OAAO,CAAA;AAErD,EAAA,MAAM,OAAO,SAAY,mBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,CAAA,uBAAM,QAAS,EAAA,EAAA,CAAA;AAClD,EAAA,MAAM,cAAc,SAAU,CAAA,MAAA;AAAA,IAC5B,0BAAA,IAA8B,YAAY,MAAS,GAAA,MAAA;AAAA,GACrD;AAEA,EAAA,uBACG,GAAA,CAAA,MAAA,EAAA,EAAO,MAAQ,EAAA,OAAA,EACd,8BAAC,cACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,IAAK,EAAA,GAAA;AAAA,MACL,OAAQ,EAAA,OAAA;AAAA,MACR,KAAM,EAAA,WAAA;AAAA,MACN,UAAA;AAAA,MACA,gBAAe,EAAA,sBAAA;AAAA,MAEd,QAAA,EAAA;AAAA,QAAA,IAAA;AAAA,wBACD,GAAA,CAAC,WAAS,QAAY,EAAA,WAAA,EAAA;AAAA;AAAA;AAAA,KAE1B,CACF,EAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"TogglePasswordVisibilityButton.mjs","sources":["../../../../../../../../src/components/PasswordCreationField/components/TogglePasswordVisibilityButton/TogglePasswordVisibilityButton.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { Tooltip, TooltipTrigger } from \"@/components/Tooltip\";\nimport Button from \"@/components/Button\";\nimport { IconHide, IconShow } from \"@/components/Icon/components/icons\";\nimport { Action, type ActionFn } from \"@/components/Action\";\nimport locales from \"./../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\n\ninterface Props extends PropsWithClassName {\n isDisabled?: boolean;\n isVisible: boolean;\n onPress: ActionFn;\n}\n\n/** @internal */\nexport const TogglePasswordVisibilityButton: FC<Props> = ({\n isVisible,\n isDisabled = false,\n onPress,\n className,\n}) => {\n const translate = useLocalizedStringFormatter(locales);\n\n const icon = isVisible ? <IconHide /> : <IconShow />;\n const tooltipText = translate.format(\n \"button.generate.tooltip.\" + (isVisible ? \"hide\" : \"show\"),\n );\n\n return (\n <Action action={onPress}>\n <TooltipTrigger>\n <Button\n className={className}\n size=\"m\"\n variant=\"plain\"\n color=\"secondary\"\n isDisabled={isDisabled}\n data-component=\"toggleRevealPassword\"\n aria-label={tooltipText}\n >\n {icon}\n <Tooltip>{tooltipText}</Tooltip>\n </Button>\n </TooltipTrigger>\n </Action>\n );\n};\n\nexport default TogglePasswordVisibilityButton;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAgBO,MAAM,iCAA4C,CAAC;AAAA,EACxD,SAAA;AAAA,EACA,UAAa,GAAA,KAAA;AAAA,EACb,OAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EAAM,MAAA,SAAA,GAAY,4BAA4B,OAAO,CAAA;AAErD,EAAA,MAAM,OAAO,SAAY,mBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,CAAA,uBAAM,QAAS,EAAA,EAAA,CAAA;AAClD,EAAA,MAAM,cAAc,SAAU,CAAA,MAAA;AAAA,IAC5B,0BAAA,IAA8B,YAAY,MAAS,GAAA,MAAA;AAAA,GACrD;AAEA,EAAA,uBACG,GAAA,CAAA,MAAA,EAAA,EAAO,MAAQ,EAAA,OAAA,EACd,8BAAC,cACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,IAAK,EAAA,GAAA;AAAA,MACL,OAAQ,EAAA,OAAA;AAAA,MACR,KAAM,EAAA,WAAA;AAAA,MACN,UAAA;AAAA,MACA,gBAAe,EAAA,sBAAA;AAAA,MACf,YAAY,EAAA,WAAA;AAAA,MAEX,QAAA,EAAA;AAAA,QAAA,IAAA;AAAA,wBACD,GAAA,CAAC,WAAS,QAAY,EAAA,WAAA,EAAA;AAAA;AAAA;AAAA,KAE1B,CACF,EAAA,CAAA;AAEJ;;;;"}
@@ -17,7 +17,15 @@ const Rating = (props) => {
17
17
  const rootClassName = clsx(styles.rating, styles[`size-${size}`]);
18
18
  const stringFormatter = useLocalizedStringFormatter(locales);
19
19
  const stars = Array(5).fill("").map(
20
- (_, index) => index < value ? /* @__PURE__ */ jsx(IconStarFilled, { "aria-hidden": true, size, className: styles.starFilled }) : /* @__PURE__ */ jsx(IconStar, { "aria-hidden": true, size, className: styles.star })
20
+ (_, index) => index < value ? /* @__PURE__ */ jsx(
21
+ IconStarFilled,
22
+ {
23
+ "aria-hidden": true,
24
+ size,
25
+ className: styles.starFilled
26
+ },
27
+ index
28
+ ) : /* @__PURE__ */ jsx(IconStar, { "aria-hidden": true, size, className: styles.star }, index)
21
29
  );
22
30
  return /* @__PURE__ */ jsx(
23
31
  "div",
@@ -1 +1 @@
1
- {"version":3,"file":"Rating.mjs","sources":["../../../../../../src/components/Rating/Rating.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { IconStar, IconStarFilled } from \"@/components/Icon/components/icons\";\nimport styles from \"./Rating.module.scss\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"./locales/*.locale.json\";\n\nexport interface RatingProps extends PropsWithClassName {\n /** The value sets the amount of filled stars. @default: 0 */\n value?: 0 | 1 | 2 | 3 | 4 | 5;\n /** The size of the component. @default: \"m\" */\n size?: \"s\" | \"m\";\n}\n\n/** @flr-generate all */\nexport const Rating: FC<RatingProps> = (props) => {\n const { value = 0, size = \"m\" } = props;\n\n const rootClassName = clsx(styles.rating, styles[`size-${size}`]);\n\n const stringFormatter = useLocalizedStringFormatter(locales);\n\n const stars = Array(5)\n .fill(\"\")\n .map((_, index) =>\n index < value ? (\n <IconStarFilled aria-hidden size={size} className={styles.starFilled} />\n ) : (\n <IconStar aria-hidden size={size} className={styles.star} />\n ),\n );\n\n return (\n <div\n aria-label={stringFormatter.format(`rating.${value}`)}\n className={rootClassName}\n >\n {stars}\n </div>\n );\n};\n\nexport default Rating;\n"],"names":[],"mappings":";;;;;;;;;;;;AAgBa,MAAA,MAAA,GAA0B,CAAC,KAAU,KAAA;AAChD,EAAA,MAAM,EAAE,KAAA,GAAQ,CAAG,EAAA,IAAA,GAAO,KAAQ,GAAA,KAAA;AAElC,EAAM,MAAA,aAAA,GAAgB,KAAK,MAAO,CAAA,MAAA,EAAQ,OAAO,CAAQ,KAAA,EAAA,IAAI,EAAE,CAAC,CAAA;AAEhE,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,MAAM,QAAQ,KAAM,CAAA,CAAC,CAClB,CAAA,IAAA,CAAK,EAAE,CACP,CAAA,GAAA;AAAA,IAAI,CAAC,GAAG,KACP,KAAA,KAAA,GAAQ,wBACL,GAAA,CAAA,cAAA,EAAA,EAAe,eAAW,IAAC,EAAA,IAAA,EAAY,WAAW,MAAO,CAAA,UAAA,EAAY,oBAErE,GAAA,CAAA,QAAA,EAAA,EAAS,eAAW,IAAC,EAAA,IAAA,EAAY,SAAW,EAAA,MAAA,CAAO,IAAM,EAAA;AAAA,GAE9D;AAEF,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAY,EAAA,eAAA,CAAgB,MAAO,CAAA,CAAA,OAAA,EAAU,KAAK,CAAE,CAAA,CAAA;AAAA,MACpD,SAAW,EAAA,aAAA;AAAA,MAEV,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ;;;;"}
1
+ {"version":3,"file":"Rating.mjs","sources":["../../../../../../src/components/Rating/Rating.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { IconStar, IconStarFilled } from \"@/components/Icon/components/icons\";\nimport styles from \"./Rating.module.scss\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"./locales/*.locale.json\";\n\nexport interface RatingProps extends PropsWithClassName {\n /** The value sets the amount of filled stars. @default: 0 */\n value?: 0 | 1 | 2 | 3 | 4 | 5;\n /** The size of the component. @default: \"m\" */\n size?: \"s\" | \"m\";\n}\n\n/** @flr-generate all */\nexport const Rating: FC<RatingProps> = (props) => {\n const { value = 0, size = \"m\" } = props;\n\n const rootClassName = clsx(styles.rating, styles[`size-${size}`]);\n\n const stringFormatter = useLocalizedStringFormatter(locales);\n\n const stars = Array(5)\n .fill(\"\")\n .map((_, index) =>\n index < value ? (\n <IconStarFilled\n key={index}\n aria-hidden\n size={size}\n className={styles.starFilled}\n />\n ) : (\n <IconStar key={index} aria-hidden size={size} className={styles.star} />\n ),\n );\n\n return (\n <div\n aria-label={stringFormatter.format(`rating.${value}`)}\n className={rootClassName}\n >\n {stars}\n </div>\n );\n};\n\nexport default Rating;\n"],"names":[],"mappings":";;;;;;;;;;;;AAgBa,MAAA,MAAA,GAA0B,CAAC,KAAU,KAAA;AAChD,EAAA,MAAM,EAAE,KAAA,GAAQ,CAAG,EAAA,IAAA,GAAO,KAAQ,GAAA,KAAA;AAElC,EAAM,MAAA,aAAA,GAAgB,KAAK,MAAO,CAAA,MAAA,EAAQ,OAAO,CAAQ,KAAA,EAAA,IAAI,EAAE,CAAC,CAAA;AAEhE,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,MAAM,QAAQ,KAAM,CAAA,CAAC,CAClB,CAAA,IAAA,CAAK,EAAE,CACP,CAAA,GAAA;AAAA,IAAI,CAAC,CAAA,EAAG,KACP,KAAA,KAAA,GAAQ,KACN,mBAAA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QAEC,aAAW,EAAA,IAAA;AAAA,QACX,IAAA;AAAA,QACA,WAAW,MAAO,CAAA;AAAA,OAAA;AAAA,MAHb;AAAA,KAIP,uBAEC,QAAqB,EAAA,EAAA,aAAA,EAAW,MAAC,IAAY,EAAA,SAAA,EAAW,MAAO,CAAA,IAAA,EAAA,EAAjD,KAAuD;AAAA,GAE1E;AAEF,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAY,EAAA,eAAA,CAAgB,MAAO,CAAA,CAAA,OAAA,EAAU,KAAK,CAAE,CAAA,CAAA;AAAA,MACpD,SAAW,EAAA,aAAA;AAAA,MAEV,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"NavigationGroup.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Navigation/components/NavigationGroup/NavigationGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAQ/D,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAE9C,MAAM,WAAW,oBACf,SAAQ,iBAAiB,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,EAClD,kBAAkB,CAAC,WAAW,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAwB;AACxB,eAAO,MAAM,eAAe,sGA2D1B,CAAC;AAEH,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"NavigationGroup.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Navigation/components/NavigationGroup/NavigationGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAQ/D,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAE9C,MAAM,WAAW,oBACf,SAAQ,iBAAiB,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,EAClD,kBAAkB,CAAC,WAAW,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAwB;AACxB,eAAO,MAAM,eAAe,sGA0D1B,CAAC;AAEH,eAAe,eAAe,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"TogglePasswordVisibilityButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/PasswordCreationField/components/TogglePasswordVisibilityButton/TogglePasswordVisibilityButton.tsx"],"names":[],"mappings":"AAgDA,eAAe,8BAA8B,CAAC"}
1
+ {"version":3,"file":"TogglePasswordVisibilityButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/PasswordCreationField/components/TogglePasswordVisibilityButton/TogglePasswordVisibilityButton.tsx"],"names":[],"mappings":"AAiDA,eAAe,8BAA8B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../../../../src/components/Rating/Rating.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAK5D,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,6DAA6D;IAC7D,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B,+CAA+C;IAC/C,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CAClB;AAED,wBAAwB;AACxB,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAyBlC,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../../../../src/components/Rating/Rating.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAK5D,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,6DAA6D;IAC7D,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B,+CAA+C;IAC/C,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CAClB;AAED,wBAAwB;AACxB,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA8BlC,CAAC;AAEF,eAAe,MAAM,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mittwald/flow-react-components",
3
- "version": "0.2.0-alpha.494",
3
+ "version": "0.2.0-alpha.495",
4
4
  "type": "module",
5
5
  "description": "A React implementation of Flow, mittwald’s design system",
6
6
  "homepage": "https://mittwald.github.io/flow",
@@ -58,7 +58,7 @@
58
58
  "dependencies": {
59
59
  "@internationalized/string-compiler": "^3.2.6",
60
60
  "@mittwald/password-tools-js": "3.0.0-alpha.18",
61
- "@mittwald/react-tunnel": "0.2.0-alpha.494",
61
+ "@mittwald/react-tunnel": "0.2.0-alpha.495",
62
62
  "@mittwald/react-use-promise": "^3.0.4",
63
63
  "@react-aria/form": "^3.1.1",
64
64
  "@react-aria/live-announcer": "^3.4.4",
@@ -101,7 +101,7 @@
101
101
  "@faker-js/faker": "^9.9.0",
102
102
  "@internationalized/date": "^3.9.0",
103
103
  "@mittwald/flow-core": "",
104
- "@mittwald/flow-design-tokens": "0.2.0-alpha.494",
104
+ "@mittwald/flow-design-tokens": "0.2.0-alpha.495",
105
105
  "@mittwald/react-use-promise": "^3.0.4",
106
106
  "@mittwald/remote-dom-react": "1.2.2-mittwald.3",
107
107
  "@mittwald/typescript-config": "",
@@ -174,5 +174,5 @@
174
174
  "optional": true
175
175
  }
176
176
  },
177
- "gitHead": "3f9761fd879ce3bb938d937b4b91c41881ae6e5a"
177
+ "gitHead": "7496aceabb867147b5f677be739b12102b40b92d"
178
178
  }