@vodafone_de/brix-components 3.1.8 → 3.1.9

package/styled-B_Yb1i3j.cjs

@@ -1,132 +0,0 @@
-"use strict";
-const styled = require("styled-components");
-const styled$1 = require("./styled-D36Jj6J7.cjs");
-const styled$2 = require("./styled-IZHOHnAD.cjs");
-const foundations_mediaQuery_viewport = require("./index-DuE6C2cO.cjs");
-const foundations_token_getSpacing = require("./foundations/token/getSpacing/index.js");
-const Spacing = require("./Spacing-Cu_j2b83.cjs");
-const foundations_token_getBottomSpacing = require("./foundations/token/getBottomSpacing/index.js");
-const filterProps = require("./filterProps-D3K8rtOg.cjs");
-const getColumnWidth = ({
-  sm,
-  md,
-  lg,
-  spacing
-}) => {
-  const calculateFlexBasis = (value) => {
-    const gap = foundations_token_getSpacing.getSpacing(spacing || Spacing.spacingMd);
-    const columns = 12 / value;
-    return `calc(${100 / columns}% - ${gap} * (${columns} - 1) / ${columns})`;
-  };
-  let style = {};
-  if (sm) {
-    style = {
-      flexBasis: calculateFlexBasis(sm)
-    };
-  }
-  if (md) {
-    style = {
-      ...style,
-      ...foundations_mediaQuery_viewport.viewport.md({
-        flexBasis: calculateFlexBasis(md)
-      })
-    };
-  }
-  if (lg) {
-    style = {
-      ...style,
-      ...foundations_mediaQuery_viewport.viewport.lg({
-        flexBasis: calculateFlexBasis(lg)
-      })
-    };
-  }
-  return style;
-};
-const getOffset = ({
-  sm,
-  md,
-  lg
-}, spacing) => {
-  const calculateMarginLeft = (value) => {
-    const gap = foundations_token_getSpacing.getSpacing(spacing);
-    const columns = 12 / value;
-    return `calc(${100 / columns}% + ${gap} * ${value} / 12)`;
-  };
-  let style = {};
-  if (sm) {
-    style = {
-      marginLeft: calculateMarginLeft(sm)
-    };
-  }
-  if (md) {
-    style = {
-      ...style,
-      ...foundations_mediaQuery_viewport.viewport.md({
-        marginLeft: calculateMarginLeft(md)
-      })
-    };
-  }
-  if (lg) {
-    style = {
-      ...style,
-      ...foundations_mediaQuery_viewport.viewport.lg({
-        marginLeft: calculateMarginLeft(lg)
-      })
-    };
-  }
-  return style;
-};
-const getFlexProperty = (align) => {
-  if (!align) {
-    return;
-  }
-  if ("right" === align) {
-    return "flex-end";
-  }
-  if ("center" === align) {
-    return "center";
-  }
-  if ("left" === align) {
-    return "flex-start";
-  }
-};
-const getCardAlignment = (align) => {
-  const nestedStyles = {};
-  const cardSelector = styled$1.CardStyled.toString();
-  const demoBoxSelector = styled$2.DemoBoxStyled.toString();
-  nestedStyles[cardSelector] = {
-    alignItems: getFlexProperty(align)
-  };
-  nestedStyles[demoBoxSelector] = {
-    alignItems: getFlexProperty(align)
-  };
-  return nestedStyles;
-};
-const GridItemStyled = styled.div.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "GridItemStyled",
-  componentId: "sc-kv0kb7-0"
-})({
-  flexGrow: 0,
-  flexShrink: 0,
-  display: "flex",
-  flexDirection: "column",
-  // This is a highly sophisticated solution that prevents GridItems to be bigger than its supposed column width
-  minWidth: 0
-}, (props) => getColumnWidth(props), ({
-  offset,
-  spacing = Spacing.spacingMd
-}) => {
-  if (!offset) return {};
-  return {
-    ...getOffset(offset, spacing)
-  };
-}, ({
-  align
-}) => ({
-  textAlign: align,
-  alignItems: getFlexProperty(align)
-}), ({
-  align
-}) => getCardAlignment(align), foundations_token_getBottomSpacing.getBottomSpacing);
-exports.GridItemStyled = GridItemStyled;

package/styled-C83gSQcc.cjs

@@ -1,28 +0,0 @@
-"use strict";
-const styled = require("styled-components");
-const foundations_token_getBottomSpacing = require("./foundations/token/getBottomSpacing/index.js");
-const foundations_token_getSpacing = require("./foundations/token/getSpacing/index.js");
-const Spacing = require("./Spacing-Cu_j2b83.cjs");
-const filterProps = require("./filterProps-D3K8rtOg.cjs");
-const GridStyled = styled.div.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "GridStyled",
-  componentId: "sc-1ydkxh9-0"
-})({
-  boxSizing: "border-box",
-  display: "flex",
-  flexWrap: "wrap"
-}, ({
-  align = "left"
-}) => ({
-  justifyContent: align
-}), ({
-  stretch = false
-}) => ({
-  alignItems: stretch ? "stretch" : "flex-start"
-}), ({
-  spacing = Spacing.spacingMd
-}) => ({
-  gap: foundations_token_getSpacing.getSpacing(spacing)
-}), foundations_token_getBottomSpacing.getBottomSpacing);
-exports.GridStyled = GridStyled;

package/styled-CL1J-PFC.cjs

@@ -1,70 +0,0 @@
-"use strict";
-const styled = require("styled-components");
-const foundations_token_getBottomSpacing = require("./foundations/token/getBottomSpacing/index.js");
-const foundations_token_getSpacing = require("./foundations/token/getSpacing/index.js");
-const Spacing = require("./Spacing-Cu_j2b83.cjs");
-const filterProps = require("./filterProps-D3K8rtOg.cjs");
-const flexOrientationHorizontal = "horizontal";
-const flexOrientationVertical = "vertical";
-const flexJustifyStart = "start";
-const flexJustifyEnd = "end";
-const flexJustifyCenter = "center";
-const flexJustifyBetween = "between";
-const translateToJustifyContent = (justify) => {
-  if (!justify) {
-    return;
-  }
-  const justifyValues = {
-    [flexJustifyEnd]: "flex-end",
-    [flexJustifyCenter]: "center",
-    [flexJustifyBetween]: "space-between",
-    [flexJustifyStart]: "flex-start"
-  };
-  return justifyValues[justify];
-};
-const FlexStyled = styled.div.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "FlexStyled",
-  componentId: "sc-1m7hd4c-0"
-})({
-  display: "flex"
-}, ({
-  wrap = false
-}) => {
-  if (wrap) {
-    return {
-      flexWrap: "wrap"
-    };
-  }
-  return {
-    flexWrap: "nowrap"
-  };
-}, ({
-  orientation = flexOrientationHorizontal
-}) => ({
-  flexDirection: orientation === "horizontal" ? "row" : "column",
-  height: orientation === "horizontal" ? "auto" : "100%"
-}), ({
-  justify = flexJustifyStart
-}) => ({
-  justifyContent: translateToJustifyContent(justify)
-}), ({
-  gapSpacing = Spacing.spacingMd
-}) => {
-  if (gapSpacing) {
-    return {
-      gap: foundations_token_getSpacing.getSpacing(gapSpacing)
-    };
-  }
-}, ({
-  bottomSpacing = Spacing.spacingNone
-}) => foundations_token_getBottomSpacing.getBottomSpacing({
-  bottomSpacing
-}));
-exports.FlexStyled = FlexStyled;
-exports.flexJustifyBetween = flexJustifyBetween;
-exports.flexJustifyCenter = flexJustifyCenter;
-exports.flexJustifyEnd = flexJustifyEnd;
-exports.flexJustifyStart = flexJustifyStart;
-exports.flexOrientationHorizontal = flexOrientationHorizontal;
-exports.flexOrientationVertical = flexOrientationVertical;

package/styled-D36Jj6J7.cjs

@@ -1,44 +0,0 @@
-"use strict";
-const styled = require("styled-components");
-const foundations_mediaQuery_forcedColors = require("./foundations/media-query/forcedColors/index.js");
-const shadow = require("./shadow-CwqrYf1e.cjs");
-const foundations_token_getBackgroundColor = require("./foundations/token/getBackgroundColor/index.js");
-const foundations_token_getBorderRadius = require("./foundations/token/getBorderRadius/index.js");
-const foundations_token_getBottomSpacing = require("./foundations/token/getBottomSpacing/index.js");
-const foundations_token_getSpacing = require("./foundations/token/getSpacing/index.js");
-const foundations_token_getTextColor = require("./foundations/token/getTextColor/index.js");
-const BorderRadius = require("./BorderRadius-tg_0N_aM.cjs");
-const Spacing = require("./Spacing-Cu_j2b83.cjs");
-const TextColor = require("./TextColor-BZDXH1wP.cjs");
-const filterProps = require("./filterProps-D3K8rtOg.cjs");
-const getCssVar = require("./getCssVar-CyR1mrKh.cjs");
-const BackgroundColor = require("./BackgroundColor-C3dayRDw.cjs");
-const CardAppearanceColor = {
-  primary: BackgroundColor.colorBackgroundNeutral,
-  secondary: BackgroundColor.colorBackgroundBrandGradient
-};
-const CardStyled = styled.div.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "CardStyled",
-  componentId: "sc-1hs2vg8-0"
-})({
-  ...foundations_mediaQuery_forcedColors.default({
-    border: "1px solid CanvasText"
-  }),
-  padding: `${foundations_token_getSpacing.getSpacing(Spacing.spacingMd)}`,
-  boxShadow: getCssVar.getCssVar(shadow.shadow28),
-  borderRadius: foundations_token_getBorderRadius.getBorderRadius(BorderRadius.borderRadiusMd),
-  height: "100%",
-  display: "flex",
-  flexDirection: "column",
-  width: "100%",
-  color: foundations_token_getTextColor.getTextColor(TextColor.colorTextNeutral)
-}, ({
-  appearance = "primary"
-}) => {
-  return {
-    background: foundations_token_getBackgroundColor.getBackgroundColor(CardAppearanceColor[appearance])
-  };
-}, foundations_token_getBottomSpacing.getBottomSpacing);
-exports.CardAppearanceColor = CardAppearanceColor;
-exports.CardStyled = CardStyled;

package/styled-IZHOHnAD.cjs

@@ -1,33 +0,0 @@
-"use strict";
-const styled = require("styled-components");
-const foundations_token_getBorderColor = require("./foundations/token/getBorderColor/index.js");
-const foundations_token_getBottomSpacing = require("./foundations/token/getBottomSpacing/index.js");
-const foundations_token_getSpacing = require("./foundations/token/getSpacing/index.js");
-const foundations_token_getTextColor = require("./foundations/token/getTextColor/index.js");
-const BorderColor = require("./BorderColor-Bl18ZGTj.cjs");
-const Spacing = require("./Spacing-Cu_j2b83.cjs");
-const TextColor = require("./TextColor-BZDXH1wP.cjs");
-const filterProps = require("./filterProps-D3K8rtOg.cjs");
-const DemoBoxStyled = styled.div.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "DemoBoxStyled",
-  componentId: "sc-xo01zx-0"
-})({
-  height: "100px",
-  background: "#FFC5A8",
-  border: `1px dashed ${foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderWarning)}`,
-  color: foundations_token_getTextColor.getTextColor(TextColor.colorTextInverseStatic),
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  textAlign: "center",
-  width: "100%",
-  flexDirection: "column",
-  lineBreak: "anywhere",
-  padding: foundations_token_getSpacing.getSpacing(Spacing.spacingSm)
-}, ({
-  bottomSpacing = Spacing.spacingMd
-}) => foundations_token_getBottomSpacing.getBottomSpacing({
-  bottomSpacing
-}));
-exports.DemoBoxStyled = DemoBoxStyled;

package/styled-nCWTwQUZ.cjs

@@ -1,164 +0,0 @@
-"use strict";
-const index = require("./index-_A9hEpl9.cjs");
-const styled = require("styled-components");
-const foundations_mediaQuery_forcedColors = require("./foundations/media-query/forcedColors/index.js");
-const easing = require("./easing-CWOuUocw.cjs");
-const foundations_token_getBorderColor = require("./foundations/token/getBorderColor/index.js");
-const foundations_token_getBorderWidth = require("./foundations/token/getBorderWidth/index.js");
-const foundations_token_getHoverColor = require("./foundations/token/getHoverColor/index.js");
-const foundations_token_getObjectColor = require("./foundations/token/getObjectColor/index.js");
-const foundations_token_getPressColor = require("./foundations/token/getPressColor/index.js");
-const BorderColor = require("./BorderColor-Bl18ZGTj.cjs");
-const BorderWidth = require("./BorderWidth-BLS_JGlE.cjs");
-const ObjectColor = require("./ObjectColor-BrtIOUrJ.cjs");
-const colorUtils = require("./colorUtils-DlX47rtH.cjs");
-const foundations_mediaQuery_viewport = require("./index-DuE6C2cO.cjs");
-const foundations_token_getBodySize = require("./foundations/token/getBodySize/index.js");
-const foundations_token_getBorderRadius = require("./foundations/token/getBorderRadius/index.js");
-const foundations_token_getBottomSpacing = require("./foundations/token/getBottomSpacing/index.js");
-const foundations_token_getFontWeight = require("./foundations/token/getFontWeight/index.js");
-const foundations_token_getOpacity = require("./foundations/token/getOpacity/index.js");
-const foundations_token_getSpacing = require("./foundations/token/getSpacing/index.js");
-const BorderRadius = require("./BorderRadius-tg_0N_aM.cjs");
-const FontWeight = require("./FontWeight-D3-RZpaX.cjs");
-const Opacity = require("./Opacity-gfDZhzig.cjs");
-const Spacing = require("./Spacing-Cu_j2b83.cjs");
-const TextBodySize = require("./TextBodySize-DeP5RE2m.cjs");
-const filterProps = require("./filterProps-D3K8rtOg.cjs");
-const leftPosition = "left";
-const ButtonAppearanceColor = {
-  primary: ObjectColor.colorObjectBrand,
-  secondary: ObjectColor.colorObjectNeutral,
-  tertiary: ObjectColor.colorObjectNeutral
-};
-const getButtonAppearance = (appearance) => {
-  const background = foundations_token_getObjectColor.getObjectColor(ButtonAppearanceColor[appearance]);
-  const color = colorUtils.getForegroundColor(ButtonAppearanceColor[appearance]);
-  const hoverBackgroundColor = foundations_token_getHoverColor.getHoverColor(ButtonAppearanceColor[appearance]);
-  const pressedBackgroundColor = foundations_token_getPressColor.getPressColor(ButtonAppearanceColor[appearance]);
-  const focusColor = foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderFocus);
-  let style = {
-    ...foundations_mediaQuery_forcedColors.default({
-      background: "ButtonFace",
-      color: "ButtonText"
-    }),
-    border: "unset",
-    background,
-    color,
-    transitionProperty: "background, color, box-shadow",
-    transitionDuration: "0.2s",
-    transitionTimingFunction: easing.ease_in_sine,
-    /* No visible box-shadow. as transition endpoint for focus */
-    boxShadow: `inset transparent 0px 0px 0px ${hoverBackgroundColor}`,
-    "&:visited": {
-      ...foundations_mediaQuery_forcedColors.default({
-        background: "ButtonFace",
-        color: "ButtonText"
-      }),
-      color,
-      background
-    },
-    "&:hover": {
-      ...foundations_mediaQuery_forcedColors.default({
-        background: "ButtonFace",
-        color: "ButtonText"
-      }),
-      color,
-      background: hoverBackgroundColor,
-      /* No visible box-shadow. as transition point for focus and from tertiary */
-      boxShadow: `inset transparent 0px 0px 0px`
-    },
-    "&:active": {
-      ...foundations_mediaQuery_forcedColors.default({
-        background: "ButtonFace",
-        color: "ButtonText"
-      }),
-      color,
-      backgroundColor: pressedBackgroundColor
-    },
-    "&:focus-visible": {
-      ...foundations_mediaQuery_forcedColors.default({
-        outline: `${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthFocus)} solid CanvasText`,
-        background: "ButtonFace",
-        color: "ButtonText"
-      }),
-      boxShadow: `${focusColor} 0px 0px 0px ${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthFocus)}`,
-      color,
-      background: hoverBackgroundColor,
-      outline: "none"
-    }
-  };
-  if ("tertiary" === appearance) {
-    const color2 = colorUtils.getForegroundColor(ObjectColor.colorObjectInverse);
-    style = {
-      ...style,
-      color: color2,
-      background: "transparent",
-      boxShadow: `inset ${background} 0px 0px 0px ${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthSelected)}`,
-      "&:visited": {
-        color: color2,
-        background: "transparent"
-      }
-    };
-  }
-  return style;
-};
-const primaryAppearance = "primary";
-const tertiaryAppearance = "tertiary";
-const buttonHeight = "44px";
-const ButtonIconStyled = styled(index.IconLoader).withConfig({
-  displayName: "ButtonIconStyled",
-  componentId: "sc-6d4at9-0"
-})(({
-  iconPosition
-}) => ({
-  order: iconPosition === leftPosition ? -1 : 0
-}));
-const ButtonStyled = styled.button.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "ButtonStyled",
-  componentId: "sc-6d4at9-1"
-})({
-  appearance: "none",
-  display: "flex",
-  flexWrap: "nowrap",
-  alignItems: "center",
-  justifyContent: "center",
-  cursor: "pointer",
-  gap: `${foundations_token_getSpacing.getSpacing(Spacing.spacingNone)} ${foundations_token_getSpacing.getSpacing(Spacing.spacingXs)}`,
-  padding: `${foundations_token_getSpacing.getSpacing(Spacing.spacingXs)} ${foundations_token_getSpacing.getSpacing(Spacing.spacingXl)}`,
-  borderRadius: foundations_token_getBorderRadius.getBorderRadius(BorderRadius.borderRadiusMd),
-  fontWeight: foundations_token_getFontWeight.getFontWeight(FontWeight.fontWeightRegular),
-  height: buttonHeight
-}, foundations_token_getBodySize.getBodySize(TextBodySize.textBodyMd), ({
-  width = "auto"
-}) => ({
-  width: "100%",
-  ...foundations_mediaQuery_viewport.viewport.md({
-    width: "full" === width ? "100%" : "fit-content"
-  })
-}), ({
-  appearance = primaryAppearance
-}) => getButtonAppearance(appearance), ({
-  disabled
-}) => {
-  if (disabled) {
-    return {
-      pointerEvents: "none",
-      opacity: foundations_token_getOpacity.getOpacity(Opacity.opacityDisabled)
-    };
-  }
-  return {};
-}, ({
-  bottomSpacing = Spacing.spacingMd
-}) => foundations_token_getBottomSpacing.getBottomSpacing({
-  bottomSpacing
-}));
-exports.ButtonAppearanceColor = ButtonAppearanceColor;
-exports.ButtonIconStyled = ButtonIconStyled;
-exports.ButtonStyled = ButtonStyled;
-exports.buttonHeight = buttonHeight;
-exports.getButtonAppearance = getButtonAppearance;
-exports.leftPosition = leftPosition;
-exports.primaryAppearance = primaryAppearance;
-exports.tertiaryAppearance = tertiaryAppearance;

package/styled-rjPMMnSd.cjs

@@ -1,123 +0,0 @@
-"use strict";
-const styled = require("styled-components");
-const foundations_mediaQuery_forcedColors = require("./foundations/media-query/forcedColors/index.js");
-const foundations_token_getBackgroundColor = require("./foundations/token/getBackgroundColor/index.js");
-const foundations_token_getBorderColor = require("./foundations/token/getBorderColor/index.js");
-const foundations_token_getBorderRadius = require("./foundations/token/getBorderRadius/index.js");
-const foundations_token_getBorderWidth = require("./foundations/token/getBorderWidth/index.js");
-const foundations_token_getBottomSpacing = require("./foundations/token/getBottomSpacing/index.js");
-const foundations_token_getHeadingSize = require("./foundations/token/getHeadingSize/index.js");
-const foundations_token_getSpacing = require("./foundations/token/getSpacing/index.js");
-const foundations_token_getTextColor = require("./foundations/token/getTextColor/index.js");
-const BackgroundColor = require("./BackgroundColor-C3dayRDw.cjs");
-const BorderColor = require("./BorderColor-Bl18ZGTj.cjs");
-const BorderRadius = require("./BorderRadius-tg_0N_aM.cjs");
-const BorderWidth = require("./BorderWidth-BLS_JGlE.cjs");
-const Spacing = require("./Spacing-Cu_j2b83.cjs");
-const TextColor = require("./TextColor-BZDXH1wP.cjs");
-const filterProps = require("./filterProps-D3K8rtOg.cjs");
-const InputWrapperStyled = styled.div.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "InputWrapperStyled",
-  componentId: "sc-1lx2jz-0"
-})({
-  ...foundations_mediaQuery_forcedColors.default({
-    backgroundColor: "Field",
-    border: "1px solid FieldText"
-  }),
-  display: "flex",
-  justifyItems: "center",
-  alignItems: "center",
-  gap: `${foundations_token_getSpacing.getSpacing(Spacing.spacingXs)}`,
-  padding: `0 ${foundations_token_getSpacing.getSpacing(Spacing.spacingSm)} 0 0`,
-  borderRadius: foundations_token_getBorderRadius.getBorderRadius(BorderRadius.borderRadiusMd),
-  backgroundColor: foundations_token_getBackgroundColor.getBackgroundColor(BackgroundColor.colorBackgroundNeutral)
-}, ({
-  status
-}) => {
-  if (!status) {
-    return {
-      boxShadow: `inset ${foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderUnselected)} 0px 0px 0px 1px`,
-      "&:focus-within": {
-        ...foundations_mediaQuery_forcedColors.default({
-          outline: "4px solid CanvasText"
-        }),
-        boxShadow: `${foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderFocus)} 0px 0px 0px 4px, inset ${foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderNeutral)} 0px 0px 0px 1px`,
-        outline: "none"
-      }
-    };
-  }
-  if ("success" === status) {
-    return {
-      boxShadow: `inset ${foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderSuccess)} 0px 0px 0px 2px`,
-      "&:focus-within": {
-        ...foundations_mediaQuery_forcedColors.default({
-          outline: "4px solid CanvasText"
-        }),
-        boxShadow: `${foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderFocus)} 0px 0px 0px 4px, inset ${foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderSuccess)} 0px 0px 0px 2px`
-      }
-    };
-  }
-  if ("error" === status) {
-    return {
-      boxShadow: `inset ${foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderCritical)} 0px 0px 0px 2px`,
-      "&:focus-within": {
-        ...foundations_mediaQuery_forcedColors.default({
-          outline: "4px solid CanvasText"
-        }),
-        boxShadow: `${foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderFocus)} 0px 0px 0px 4px, inset ${foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderCritical)} 0px 0px 0px 2px`
-      }
-    };
-  }
-}, foundations_token_getBottomSpacing.getBottomSpacing);
-const InputStyled = styled.input.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "InputStyled",
-  componentId: "sc-1lx2jz-1"
-})(foundations_token_getHeadingSize.getHeadingSize("xs"), foundations_mediaQuery_forcedColors.default({
-  border: "none"
-}), {
-  fontWeight: "normal",
-  width: "100%",
-  flex: 1,
-  /**
-   * Since we use a boxshadow as 'border' on the outer div,
-   * we put a 1px invisible border on it
-   * so that we reach the required height overall
-   */
-  border: `${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthUnselected)} solid transparent`,
-  outline: "none",
-  backgroundColor: "transparent",
-  color: foundations_token_getTextColor.getTextColor(TextColor.colorTextNeutral),
-  padding: `${foundations_token_getSpacing.getSpacing(Spacing.spacingXs)} 0 ${foundations_token_getSpacing.getSpacing(Spacing.spacingXs)} ${foundations_token_getSpacing.getSpacing(Spacing.spacingSm)}`,
-  "&::placeholder": {
-    color: foundations_token_getTextColor.getTextColor(TextColor.colorTextPlaceholder)
-  },
-  height: "44px"
-}, {
-  /**
-   * overwrite simplicity styles
-   */
-  "input&": {
-    maxWidth: "unset",
-    borderRadius: "unset",
-    boxShadow: "unset",
-    "&:focus": {
-      ...foundations_mediaQuery_forcedColors.default({
-        border: "none"
-      }),
-      outline: "unset",
-      border: `${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthUnselected)} solid transparent`
-    },
-    "&:disabled": {
-      ...foundations_mediaQuery_forcedColors.default({
-        border: "none"
-      }),
-      color: "unset",
-      background: "unset",
-      border: `${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthUnselected)} solid transparent`
-    }
-  }
-});
-exports.InputStyled = InputStyled;
-exports.InputWrapperStyled = InputWrapperStyled;

package/tags-CTaUxoCi.cjs

@@ -1,28 +0,0 @@
-"use strict";
-const h1TagName = "h1";
-const h2TagName = "h2";
-const h3TagName = "h3";
-const h4TagName = "h4";
-const h5TagName = "h5";
-const h6TagName = "h6";
-const headingHtmlTags = [h1TagName, h2TagName, h3TagName, h4TagName, h5TagName, h6TagName];
-const divTagName = "div";
-const spanTagName = "span";
-const strongTagName = "strong";
-const supTagName = "sup";
-const ulTagName = "ul";
-const olTagName = "ol";
-const liTagName = "li";
-exports.divTagName = divTagName;
-exports.h1TagName = h1TagName;
-exports.h2TagName = h2TagName;
-exports.h3TagName = h3TagName;
-exports.h4TagName = h4TagName;
-exports.h5TagName = h5TagName;
-exports.headingHtmlTags = headingHtmlTags;
-exports.liTagName = liTagName;
-exports.olTagName = olTagName;
-exports.spanTagName = spanTagName;
-exports.strongTagName = strongTagName;
-exports.supTagName = supTagName;
-exports.ulTagName = ulTagName;