bonprix-design-system 0.69.1 → 0.69.3

package/dist/components/Dialog/Dialog.js

@@ -54,7 +54,7 @@ var u = o({ slots: {
 		})
 	});
 };
-d.displayName = "Dialog", d.Title = f, f.displayName = "Dialog.Title", d.Content = p, p.displayName = "Dialog.Content", d.PrimaryButton = r, d.SecondaryButton = i;
+d.displayName = "Dialog", d.Title = f, f.displayName = "Dialog.Title", d.Content = p, p.displayName = "Dialog.Content", d.PrimaryButton = r, Object.assign(r, { displayName: "Dialog.PrimaryButton" }), d.SecondaryButton = i, Object.assign(i, { displayName: "Dialog.SecondaryButton" });
 //#endregion
 export { d as default };
 

package/dist/components/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","names":[],"sources":["../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { FC, ReactNode } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\n\nimport Overlay from \"@components/Overlay\";\nimport { useInnerOpen, useSubcomponent } from \"@hooks\";\n\nimport ButtonsSection from \"../ButtonsSection\";\nimport PrimaryButton from \"../ButtonsSection/PrimaryButton\";\nimport SecondaryButton from \"../ButtonsSection/SecondaryButton\";\n\nconst generateClasses = tv({\n  slots: {\n    title: \"typography-bonprix-h4 text-clr-primary px-10\",\n    wrapper: \"flex flex-col gap-5 h-full\",\n    scrollArea: \"px-10 h-full scroll-area relative\",\n    contentWrapper: \"flex flex-col overflow-hidden\",\n    buttonSection: \"px-10\",\n  },\n});\n\ninterface Subcomponents {\n  Title: typeof Title;\n  Content: typeof Content;\n  PrimaryButton: typeof PrimaryButton;\n  SecondaryButton: typeof SecondaryButton;\n}\nexport interface Props {\n  /** Controls the visibility of the dialog. Should be used in conjunction with `onClose`. */\n  isOpen: boolean;\n  /** Here, all of the subcomponents should be placed. */\n  children: ReactNode;\n  /** Callback function that is called when the dialog is supposed to be closed. Should be used in conjunction with `isOpen` property. */\n  onClose: () => void;\n  /** The z-index of the dialog. */\n  zIndex?: number;\n}\n\ntype SubcomponentList = Record<keyof Subcomponents, ReactNode>;\n\nconst Dialog: FC<Props> & Subcomponents = ({ isOpen, onClose, zIndex, children }: Props) => {\n  const { getSubcomponents, printBadConstructionMessage } = useSubcomponent(children);\n  const { Title, Content, PrimaryButton, SecondaryButton } = getSubcomponents() as SubcomponentList;\n  const { wrapper, buttonSection } = generateClasses();\n\n  const { innerOpen } = useInnerOpen(isOpen);\n\n  if (!Title || !Content) {\n    printBadConstructionMessage(\"Dialog\");\n    return null;\n  }\n\n  return (\n    <Overlay isOpen={innerOpen} onClose={onClose} zIndex={zIndex} isDialog componentName=\"dialog\">\n      <div className={wrapper()}>\n        {Title}\n        {Content}\n        {PrimaryButton && <ButtonsSection owner=\"Dialog\" primary={PrimaryButton} secondary={SecondaryButton} classes={buttonSection()} />}\n      </div>\n    </Overlay>\n  );\n};\n\ninterface TitleProps {\n  /** The title to display in the dialog */\n  children: string;\n}\n\nconst Title: FC<TitleProps> = ({ children }) => {\n  const { title } = generateClasses();\n  return <DialogPrimitive.Title className={title()}>{children}</DialogPrimitive.Title>;\n};\n\ninterface ContentProps {\n  /** The content to display in the dialog */\n  children: ReactNode;\n}\n\nconst Content: FC<ContentProps> = ({ children }) => {\n  const { scrollArea, contentWrapper } = generateClasses();\n  return (\n    <div className={scrollArea()}>\n      <div className={contentWrapper()}>{children}</div>\n    </div>\n  );\n};\n\nDialog.displayName = \"Dialog\";\n\nDialog.Title = Title;\nTitle.displayName = \"Dialog.Title\";\n\nDialog.Content = Content;\nContent.displayName = \"Dialog.Content\";\n\nDialog.PrimaryButton = PrimaryButton;\nDialog.SecondaryButton = SecondaryButton;\n\nexport default Dialog;\n"],"mappings":";;;;;;;;;;;;AAaA,IAAM,IAAkB,EAAG,EACzB,OAAO;CACL,OAAO;CACP,SAAS;CACT,YAAY;CACZ,gBAAgB;CAChB,eAAe;AACjB,EACF,CAAC,GAqBK,KAAqC,EAAE,WAAQ,YAAS,WAAQ,kBAAsB;CAC1F,IAAM,EAAE,qBAAkB,mCAAgC,EAAgB,CAAQ,GAC5E,EAAE,UAAO,YAAS,kBAAe,uBAAoB,EAAiB,GACtE,EAAE,YAAS,qBAAkB,EAAgB,GAE7C,EAAE,iBAAc,EAAa,CAAM;CAOzC,OALI,CAAC,KAAS,CAAC,KACb,EAA4B,QAAQ,GAC7B,QAIP,kBAAC,GAAD;EAAS,QAAQ;EAAoB;EAAiB;EAAQ,UAAA;EAAS,eAAc;EACnF,UAAA,kBAAC,OAAD;GAAK,WAAW,EAAQ;GAAxB,UAAA;IACG;IACA;IACA,KAAiB,kBAAC,GAAD;KAAgB,OAAM;KAAS,SAAS;KAAe,WAAW;KAAiB,SAAS,EAAc;IAAI,CAAA;GAC7H;;CACE,CAAA;AAEb,GAOM,KAAyB,EAAE,kBAAe;CAC9C,IAAM,EAAE,aAAU,EAAgB;CAClC,OAAO,kBAAC,EAAgB,OAAjB;EAAuB,WAAW,EAAM;EAAI;CAAgC,CAAA;AACrF,GAOM,KAA6B,EAAE,kBAAe;CAClD,IAAM,EAAE,eAAY,sBAAmB,EAAgB;CACvD,OACE,kBAAC,OAAD;EAAK,WAAW,EAAW;EACzB,UAAA,kBAAC,OAAD;GAAK,WAAW,EAAe;GAAI;EAAc,CAAA;CAC9C,CAAA;AAET;AAEA,EAAO,cAAc,UAErB,EAAO,QAAQ,GACf,EAAM,cAAc,gBAEpB,EAAO,UAAU,GACjB,EAAQ,cAAc,kBAEtB,EAAO,gBAAgB,GACvB,EAAO,kBAAkB"}
+{"version":3,"file":"Dialog.js","names":[],"sources":["../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { FC, FunctionComponent, ReactNode } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\n\nimport Overlay from \"@components/Overlay\";\nimport { useInnerOpen, useSubcomponent } from \"@hooks\";\n\nimport ButtonsSection from \"../ButtonsSection\";\nimport PrimaryButton from \"../ButtonsSection/PrimaryButton\";\nimport SecondaryButton from \"../ButtonsSection/SecondaryButton\";\n\nconst generateClasses = tv({\n  slots: {\n    title: \"typography-bonprix-h4 text-clr-primary px-10\",\n    wrapper: \"flex flex-col gap-5 h-full\",\n    scrollArea: \"px-10 h-full scroll-area relative\",\n    contentWrapper: \"flex flex-col overflow-hidden\",\n    buttonSection: \"px-10\",\n  },\n});\n\ninterface Subcomponents {\n  Title: typeof Title;\n  Content: typeof Content;\n  PrimaryButton: typeof PrimaryButton;\n  SecondaryButton: typeof SecondaryButton;\n}\nexport interface Props {\n  /** Controls the visibility of the dialog. Should be used in conjunction with `onClose`. */\n  isOpen: boolean;\n  /** Here, all of the subcomponents should be placed. */\n  children: ReactNode;\n  /** Callback function that is called when the dialog is supposed to be closed. Should be used in conjunction with `isOpen` property. */\n  onClose: () => void;\n  /** The z-index of the dialog. */\n  zIndex?: number;\n}\n\ntype SubcomponentList = Record<keyof Subcomponents, ReactNode>;\n\nconst Dialog: FC<Props> & Subcomponents = ({ isOpen, onClose, zIndex, children }: Props) => {\n  const { getSubcomponents, printBadConstructionMessage } = useSubcomponent(children);\n  const { Title, Content, PrimaryButton, SecondaryButton } = getSubcomponents() as SubcomponentList;\n  const { wrapper, buttonSection } = generateClasses();\n\n  const { innerOpen } = useInnerOpen(isOpen);\n\n  if (!Title || !Content) {\n    printBadConstructionMessage(\"Dialog\");\n    return null;\n  }\n\n  return (\n    <Overlay isOpen={innerOpen} onClose={onClose} zIndex={zIndex} isDialog componentName=\"dialog\">\n      <div className={wrapper()}>\n        {Title}\n        {Content}\n        {PrimaryButton && <ButtonsSection owner=\"Dialog\" primary={PrimaryButton} secondary={SecondaryButton} classes={buttonSection()} />}\n      </div>\n    </Overlay>\n  );\n};\n\ninterface TitleProps {\n  /** The title to display in the dialog */\n  children: string;\n}\n\nconst Title: FC<TitleProps> = ({ children }) => {\n  const { title } = generateClasses();\n  return <DialogPrimitive.Title className={title()}>{children}</DialogPrimitive.Title>;\n};\n\ninterface ContentProps {\n  /** The content to display in the dialog */\n  children: ReactNode;\n}\n\nconst Content: FC<ContentProps> = ({ children }) => {\n  const { scrollArea, contentWrapper } = generateClasses();\n  return (\n    <div className={scrollArea()}>\n      <div className={contentWrapper()}>{children}</div>\n    </div>\n  );\n};\n\nDialog.displayName = \"Dialog\";\n\nDialog.Title = Title;\nTitle.displayName = \"Dialog.Title\";\n\nDialog.Content = Content;\nContent.displayName = \"Dialog.Content\";\n\nDialog.PrimaryButton = PrimaryButton;\nObject.assign(PrimaryButton, {\n  displayName: \"Dialog.PrimaryButton\",\n} satisfies Pick<FunctionComponent, \"displayName\">);\n\nDialog.SecondaryButton = SecondaryButton;\nObject.assign(SecondaryButton, {\n  displayName: \"Dialog.SecondaryButton\",\n} satisfies Pick<FunctionComponent, \"displayName\">);\n\nexport default Dialog;\n"],"mappings":";;;;;;;;;;;;AAaA,IAAM,IAAkB,EAAG,EACzB,OAAO;CACL,OAAO;CACP,SAAS;CACT,YAAY;CACZ,gBAAgB;CAChB,eAAe;AACjB,EACF,CAAC,GAqBK,KAAqC,EAAE,WAAQ,YAAS,WAAQ,kBAAsB;CAC1F,IAAM,EAAE,qBAAkB,mCAAgC,EAAgB,CAAQ,GAC5E,EAAE,UAAO,YAAS,kBAAe,uBAAoB,EAAiB,GACtE,EAAE,YAAS,qBAAkB,EAAgB,GAE7C,EAAE,iBAAc,EAAa,CAAM;CAOzC,OALI,CAAC,KAAS,CAAC,KACb,EAA4B,QAAQ,GAC7B,QAIP,kBAAC,GAAD;EAAS,QAAQ;EAAoB;EAAiB;EAAQ,UAAA;EAAS,eAAc;EACnF,UAAA,kBAAC,OAAD;GAAK,WAAW,EAAQ;GAAxB,UAAA;IACG;IACA;IACA,KAAiB,kBAAC,GAAD;KAAgB,OAAM;KAAS,SAAS;KAAe,WAAW;KAAiB,SAAS,EAAc;IAAI,CAAA;GAC7H;;CACE,CAAA;AAEb,GAOM,KAAyB,EAAE,kBAAe;CAC9C,IAAM,EAAE,aAAU,EAAgB;CAClC,OAAO,kBAAC,EAAgB,OAAjB;EAAuB,WAAW,EAAM;EAAI;CAAgC,CAAA;AACrF,GAOM,KAA6B,EAAE,kBAAe;CAClD,IAAM,EAAE,eAAY,sBAAmB,EAAgB;CACvD,OACE,kBAAC,OAAD;EAAK,WAAW,EAAW;EACzB,UAAA,kBAAC,OAAD;GAAK,WAAW,EAAe;GAAI;EAAc,CAAA;CAC9C,CAAA;AAET;AAEA,EAAO,cAAc,UAErB,EAAO,QAAQ,GACf,EAAM,cAAc,gBAEpB,EAAO,UAAU,GACjB,EAAQ,cAAc,kBAEtB,EAAO,gBAAgB,GACvB,OAAO,OAAO,GAAe,EAC3B,aAAa,uBACf,CAAkD,GAElD,EAAO,kBAAkB,GACzB,OAAO,OAAO,GAAiB,EAC7B,aAAa,yBACf,CAAkD"}

package/dist/components/Link/Link.js

@@ -7,7 +7,7 @@ var a = e({
 	base: ["preflight rounded-sm inline-flex before:content-['_'] before:whitespace-pre before:w-0 relative items-center", "focus-visible:outline focus-visible:outline-1 group"],
 	slots: {
 		icon: "h-4 w-4 inline-block",
-		label: "typography-link-large underline underline-offset-2 hover:decoration-2 group-focus:no-underline"
+		label: "typography-link-large underline underline-offset-2 hover:decoration-2 group-focus-visible:no-underline"
 	},
 	variants: {
 		small: { true: { label: "typography-link-small" } },

package/dist/components/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","names":[],"sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import Icon from \"@bonprix-ds/react-icon\";\nimport type { ComponentProps, ElementType } from \"react\";\nimport React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nconst generateClasses = tv({\n  /* the before: styles are used to create content that allows proper baseline alignment when suing inline-flex elements with text:\n    https://stackoverflow.com/questions/73715565/how-to-get-a-flex-item-to-participate-in-baseline-alignment-and-be-centered\n    https://www.w3.org/TR/css-flexbox-1/#flex-baselines\n  */\n  base: [\n    \"preflight rounded-sm inline-flex before:content-['_'] before:whitespace-pre before:w-0 relative items-center\",\n    \"focus-visible:outline focus-visible:outline-1 group\",\n  ],\n  slots: {\n    icon: \"h-4 w-4 inline-block\",\n    label: \"typography-link-large underline underline-offset-2 hover:decoration-2 group-focus:no-underline\",\n  },\n  variants: {\n    small: {\n      true: {\n        label: \"typography-link-small\",\n      },\n    },\n    hideUnderline: {\n      true: {\n        label: \"no-underline hover:underline\",\n      },\n    },\n    arrowPosition: {\n      left: \"\",\n      right: \"flex-row-reverse justify-end\",\n    },\n    inverted: {\n      false: {\n        base: \"focus-visible:outline-clr-primary\",\n        icon: \"fill-clr-primary\",\n        label: \"text-clr-primary\",\n      },\n      true: {\n        base: \"focus-visible:outline-clr-primary-inverse\",\n        icon: \"fill-clr-primary-inverse\",\n        label: \"text-clr-primary-inverse\",\n      },\n    },\n  },\n});\n\ninterface BaseProps {\n  /** The content of the link. */\n  children: string;\n  /** if `true`, an arrow will be shown in the end of the content. */\n  showArrow?: boolean;\n  /** The position of the arrow, if `showArrow` is set to `true`. */\n  arrowPosition?: \"left\" | \"right\";\n  /* If set to `true`, the link will match `body2`, otherwise `body1`. */\n  small?: boolean;\n  /** If set to `true`, the underline will be hidden. */\n  hideUnderline?: boolean;\n  /** Alternative label for the screen reader. This can for example be used, if a proper name cannot be setup because of the position in the text. */\n  srLabel?: string;\n  /** If `true`, inverts the colors of the component. */\n  inverted?: boolean;\n}\n\nexport type Props<C extends ElementType> = BaseProps & {\n  /** The semantic component to render the Link. Preferrably `\"a\"`, `\"button\"` or something like `Link` from NextJS. Defaults to `\"a\"`. Native props will be passed to this component. */\n  component?: C;\n} & Omit<ComponentProps<C>, keyof BaseProps | \"component\">;\n\nconst Link = <C extends ElementType>({\n  children,\n  small = false,\n  hideUnderline = false,\n  showArrow = false,\n  arrowPosition = \"left\",\n  srLabel,\n  inverted,\n  component = \"a\" as C,\n  ...props\n}: Props<C>) => {\n  const Component: ElementType = component;\n  const buttonDefaultProps = component === \"button\" ? { type: \"button\" } : {};\n\n  const { base, icon, label } = generateClasses({ small, hideUnderline, arrowPosition, inverted });\n\n  const content = (\n    <>\n      {showArrow && <Icon variant={arrowPosition === \"left\" ? \"arrow-left\" : \"arrow-right\"} className={icon()} />}\n      {/* We need to style decoration-thickness directly on the label.\n      Otherwise it wont be propagated because of the inline-flex on the anchor element */}\n      {srLabel && <span className=\"sr-only\">{srLabel}</span>}\n      <span aria-hidden={srLabel ? \"true\" : undefined} className={label()}>\n        {children}\n      </span>\n    </>\n  );\n\n  return (\n    <Component\n      {...props}\n      {...buttonDefaultProps}\n      className={base()}\n      data-bpds=\"link\"\n      data-bpds-small={small}\n      data-bpds-hide-underline={hideUnderline}\n      data-bpds-arrow-position={arrowPosition}\n      data-bpds-show-arrow={showArrow}\n      data-bpds-inverted={inverted}\n    >\n      {content}\n    </Component>\n  );\n};\n\nexport default Link;\n"],"mappings":";;;;;AAKA,IAAM,IAAkB,EAAG;CAKzB,MAAM,CACJ,gHACA,qDACF;CACA,OAAO;EACL,MAAM;EACN,OAAO;CACT;CACA,UAAU;EACR,OAAO,EACL,MAAM,EACJ,OAAO,wBACT,EACF;EACA,eAAe,EACb,MAAM,EACJ,OAAO,+BACT,EACF;EACA,eAAe;GACb,MAAM;GACN,OAAO;EACT;EACA,UAAU;GACR,OAAO;IACL,MAAM;IACN,MAAM;IACN,OAAO;GACT;GACA,MAAM;IACJ,MAAM;IACN,MAAM;IACN,OAAO;GACT;EACF;CACF;AACF,CAAC,GAwBK,KAA+B,EACnC,aACA,WAAQ,IACR,mBAAgB,IAChB,eAAY,IACZ,mBAAgB,QAChB,YACA,aACA,eAAY,KACZ,GAAG,QACW;CACd,IAAM,IAAyB,GACzB,IAAqB,MAAc,WAAW,EAAE,MAAM,SAAS,IAAI,CAAC,GAEpE,EAAE,SAAM,SAAM,aAAU,EAAgB;EAAE;EAAO;EAAe;EAAe;CAAS,CAAC,GAEzF,IACJ,kBAAA,GAAA,EAAA,UAAA;EACG,KAAa,kBAAC,GAAD;GAAM,SAAS,MAAkB,SAAS,eAAe;GAAe,WAAW,EAAK;EAAI,CAAA;EAGzG,KAAW,kBAAC,QAAD;GAAM,WAAU;GAAW,UAAA;EAAc,CAAA;EACrD,kBAAC,QAAD;GAAM,eAAa,IAAU,SAAS,KAAA;GAAW,WAAW,EAAM;GAC/D;EACG,CAAA;CACN,EAAA,CAAA;CAGJ,OACE,kBAAC,GAAD;EACE,GAAI;EACJ,GAAI;EACJ,WAAW,EAAK;EAChB,aAAU;EACV,mBAAiB;EACjB,4BAA0B;EAC1B,4BAA0B;EAC1B,wBAAsB;EACtB,sBAAoB;EAEnB,UAAA;CACQ,CAAA;AAEf"}
+{"version":3,"file":"Link.js","names":[],"sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import Icon from \"@bonprix-ds/react-icon\";\nimport type { ComponentProps, ElementType } from \"react\";\nimport React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nconst generateClasses = tv({\n  /* the before: styles are used to create content that allows proper baseline alignment when suing inline-flex elements with text:\n    https://stackoverflow.com/questions/73715565/how-to-get-a-flex-item-to-participate-in-baseline-alignment-and-be-centered\n    https://www.w3.org/TR/css-flexbox-1/#flex-baselines\n  */\n  base: [\n    \"preflight rounded-sm inline-flex before:content-['_'] before:whitespace-pre before:w-0 relative items-center\",\n    \"focus-visible:outline focus-visible:outline-1 group\",\n  ],\n  slots: {\n    icon: \"h-4 w-4 inline-block\",\n    label: \"typography-link-large underline underline-offset-2 hover:decoration-2 group-focus-visible:no-underline\",\n  },\n  variants: {\n    small: {\n      true: {\n        label: \"typography-link-small\",\n      },\n    },\n    hideUnderline: {\n      true: {\n        label: \"no-underline hover:underline\",\n      },\n    },\n    arrowPosition: {\n      left: \"\",\n      right: \"flex-row-reverse justify-end\",\n    },\n    inverted: {\n      false: {\n        base: \"focus-visible:outline-clr-primary\",\n        icon: \"fill-clr-primary\",\n        label: \"text-clr-primary\",\n      },\n      true: {\n        base: \"focus-visible:outline-clr-primary-inverse\",\n        icon: \"fill-clr-primary-inverse\",\n        label: \"text-clr-primary-inverse\",\n      },\n    },\n  },\n});\n\ninterface BaseProps {\n  /** The content of the link. */\n  children: string;\n  /** if `true`, an arrow will be shown in the end of the content. */\n  showArrow?: boolean;\n  /** The position of the arrow, if `showArrow` is set to `true`. */\n  arrowPosition?: \"left\" | \"right\";\n  /* If set to `true`, the link will match `body2`, otherwise `body1`. */\n  small?: boolean;\n  /** If set to `true`, the underline will be hidden. */\n  hideUnderline?: boolean;\n  /** Alternative label for the screen reader. This can for example be used, if a proper name cannot be setup because of the position in the text. */\n  srLabel?: string;\n  /** If `true`, inverts the colors of the component. */\n  inverted?: boolean;\n}\n\nexport type Props<C extends ElementType> = BaseProps & {\n  /** The semantic component to render the Link. Preferrably `\"a\"`, `\"button\"` or something like `Link` from NextJS. Defaults to `\"a\"`. Native props will be passed to this component. */\n  component?: C;\n} & Omit<ComponentProps<C>, keyof BaseProps | \"component\">;\n\nconst Link = <C extends ElementType>({\n  children,\n  small = false,\n  hideUnderline = false,\n  showArrow = false,\n  arrowPosition = \"left\",\n  srLabel,\n  inverted,\n  component = \"a\" as C,\n  ...props\n}: Props<C>) => {\n  const Component: ElementType = component;\n  const buttonDefaultProps = component === \"button\" ? { type: \"button\" } : {};\n\n  const { base, icon, label } = generateClasses({ small, hideUnderline, arrowPosition, inverted });\n\n  const content = (\n    <>\n      {showArrow && <Icon variant={arrowPosition === \"left\" ? \"arrow-left\" : \"arrow-right\"} className={icon()} />}\n      {/* We need to style decoration-thickness directly on the label.\n      Otherwise it wont be propagated because of the inline-flex on the anchor element */}\n      {srLabel && <span className=\"sr-only\">{srLabel}</span>}\n      <span aria-hidden={srLabel ? \"true\" : undefined} className={label()}>\n        {children}\n      </span>\n    </>\n  );\n\n  return (\n    <Component\n      {...props}\n      {...buttonDefaultProps}\n      className={base()}\n      data-bpds=\"link\"\n      data-bpds-small={small}\n      data-bpds-hide-underline={hideUnderline}\n      data-bpds-arrow-position={arrowPosition}\n      data-bpds-show-arrow={showArrow}\n      data-bpds-inverted={inverted}\n    >\n      {content}\n    </Component>\n  );\n};\n\nexport default Link;\n"],"mappings":";;;;;AAKA,IAAM,IAAkB,EAAG;CAKzB,MAAM,CACJ,gHACA,qDACF;CACA,OAAO;EACL,MAAM;EACN,OAAO;CACT;CACA,UAAU;EACR,OAAO,EACL,MAAM,EACJ,OAAO,wBACT,EACF;EACA,eAAe,EACb,MAAM,EACJ,OAAO,+BACT,EACF;EACA,eAAe;GACb,MAAM;GACN,OAAO;EACT;EACA,UAAU;GACR,OAAO;IACL,MAAM;IACN,MAAM;IACN,OAAO;GACT;GACA,MAAM;IACJ,MAAM;IACN,MAAM;IACN,OAAO;GACT;EACF;CACF;AACF,CAAC,GAwBK,KAA+B,EACnC,aACA,WAAQ,IACR,mBAAgB,IAChB,eAAY,IACZ,mBAAgB,QAChB,YACA,aACA,eAAY,KACZ,GAAG,QACW;CACd,IAAM,IAAyB,GACzB,IAAqB,MAAc,WAAW,EAAE,MAAM,SAAS,IAAI,CAAC,GAEpE,EAAE,SAAM,SAAM,aAAU,EAAgB;EAAE;EAAO;EAAe;EAAe;CAAS,CAAC,GAEzF,IACJ,kBAAA,GAAA,EAAA,UAAA;EACG,KAAa,kBAAC,GAAD;GAAM,SAAS,MAAkB,SAAS,eAAe;GAAe,WAAW,EAAK;EAAI,CAAA;EAGzG,KAAW,kBAAC,QAAD;GAAM,WAAU;GAAW,UAAA;EAAc,CAAA;EACrD,kBAAC,QAAD;GAAM,eAAa,IAAU,SAAS,KAAA;GAAW,WAAW,EAAM;GAC/D;EACG,CAAA;CACN,EAAA,CAAA;CAGJ,OACE,kBAAC,GAAD;EACE,GAAI;EACJ,GAAI;EACJ,WAAW,EAAK;EAChB,aAAU;EACV,mBAAiB;EACjB,4BAA0B;EAC1B,4BAA0B;EAC1B,wBAAsB;EACtB,sBAAoB;EAEnB,UAAA;CACQ,CAAA;AAEf"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bonprix-design-system",
-  "version": "0.69.1",
+  "version": "0.69.3",
   "description": "Design System of bonprix",
   "type": "module",
   "publishConfig": {
@@ -69,7 +69,7 @@
     "@bonprix-ds/react-price-stacked": "1.0.2",
     "@bonprix-ds/react-radio-group": "1.0.2",
     "@bonprix-ds/react-rating": "1.0.2",
-    "@bonprix-ds/react-select": "1.0.2",
+    "@bonprix-ds/react-select": "1.0.3",
     "@bonprix-ds/react-spinner": "1.0.2",
     "@bonprix-ds/react-step-navi": "1.0.2",
     "@bonprix-ds/react-switch": "1.0.2",