@vodafone_de/publish-test 0.0.1 → 53.0.0

package/dist/props-Bod9bL2v.js

@@ -0,0 +1,20 @@
+const buttonComponentName = "Button";
+const buttonAsLinkComponentName = "ButtonAsLink";
+const buttonGroupComponentName = "ButtonGroup";
+const flexComponentName = "Flex";
+const notificationStatusInfo = "info";
+const notificationStatusSuccess = "success";
+const notificationStatusWarning = "warning";
+const notificationStatusError = "error";
+const notificationStatuses = [notificationStatusInfo, notificationStatusSuccess, notificationStatusWarning, notificationStatusError];
+export {
+  notificationStatusInfo as a,
+  notificationStatusSuccess as b,
+  notificationStatusWarning as c,
+  notificationStatuses as d,
+  buttonGroupComponentName as e,
+  flexComponentName as f,
+  buttonComponentName as g,
+  buttonAsLinkComponentName as h,
+  notificationStatusError as n
+};

package/dist/props-BrZdj0mO.js

@@ -0,0 +1,5 @@
+import { l as leftPosition, r as rightPosition } from "./PositionType-BIdZQO2H.js";
+const iconPositions = [leftPosition, rightPosition];
+export {
+  iconPositions as i
+};

package/dist/props-CLadRD1u.js

@@ -0,0 +1,46 @@
+const objectFitContain = "contain";
+const objectFitCover = "cover";
+const imageObjectFits = [objectFitContain, objectFitCover];
+const horizontalAlignmentLeft = "left";
+const horizontalAlignmentRight = "right";
+const horizontalAlignmentCenter = "center";
+const imageAlignments = [horizontalAlignmentLeft, horizontalAlignmentCenter, horizontalAlignmentRight];
+const objectPositionCenter = "center";
+const objectPositionLeftTop = "top left";
+const objectPositionLeftCenter = "center left";
+const objectPositionLeftBottom = "bottom left";
+const objectPositionRightTop = "top right";
+const objectPositionRightCenter = "center right";
+const objectPositionRightBottom = "bottom right";
+const imageObjectPositions = [objectPositionCenter, objectPositionLeftTop, objectPositionLeftCenter, objectPositionLeftBottom, objectPositionRightTop, objectPositionRightCenter, objectPositionRightBottom];
+const aspectRatio1_1 = "1/1";
+const aspectRatio3_4 = "3/4";
+const aspectRatio16_9 = "16/9";
+const aspectRatio21_9 = "21/9";
+const aspectRatio32_9 = "32/9";
+const aspectRatio48_9 = "48/9";
+const aspectRatios = [aspectRatio1_1, aspectRatio3_4, aspectRatio16_9, aspectRatio21_9, aspectRatio32_9, aspectRatio48_9];
+export {
+  aspectRatio16_9 as a,
+  aspectRatio1_1 as b,
+  aspectRatio21_9 as c,
+  aspectRatio32_9 as d,
+  aspectRatio3_4 as e,
+  aspectRatio48_9 as f,
+  aspectRatios as g,
+  horizontalAlignmentCenter as h,
+  horizontalAlignmentLeft as i,
+  horizontalAlignmentRight as j,
+  imageAlignments as k,
+  imageObjectFits as l,
+  imageObjectPositions as m,
+  objectFitCover as n,
+  objectFitContain as o,
+  objectPositionCenter as p,
+  objectPositionLeftBottom as q,
+  objectPositionLeftCenter as r,
+  objectPositionLeftTop as s,
+  objectPositionRightBottom as t,
+  objectPositionRightCenter as u,
+  objectPositionRightTop as v
+};

package/dist/props-CyJ_9lYu.js

@@ -0,0 +1,8 @@
+const infoBannerAppearancePrimary = "primary";
+const infoBannerAppearanceSecondary = "secondary";
+const infoBannerAppearance = [infoBannerAppearancePrimary, infoBannerAppearanceSecondary];
+export {
+  infoBannerAppearancePrimary as a,
+  infoBannerAppearanceSecondary as b,
+  infoBannerAppearance as i
+};

package/dist/props-Czq9XX2J.js

@@ -0,0 +1,6 @@
+const inputStateSuccess = "success";
+const inputStateError = "error";
+export {
+  inputStateSuccess as a,
+  inputStateError as i
+};

package/dist/props-D2ykLHP1.js

@@ -0,0 +1,6 @@
+const colorSwatchSizeSmall = "sm";
+const colorSwatchSizeMedium = "md";
+export {
+  colorSwatchSizeSmall as a,
+  colorSwatchSizeMedium as c
+};

package/dist/props-DDJfToj8.js

@@ -0,0 +1,17 @@
+import { d as divTagName, n as navTagName, s as sectionTagName, m as mainTagName, a as articleTagName, b as asideTagName, c as spanTagName } from "./tags-BeNegJAK.js";
+import { c as colorBackgroundBrandGradient, a as colorBackgroundNeutral } from "./BackgroundColor-Ba4D10TC.js";
+const cardAppearancePrimary = "primary";
+const cardAppearanceSecondary = "secondary";
+const cardAppearances = [cardAppearancePrimary, cardAppearanceSecondary];
+const CardAppearanceColor = {
+  primary: colorBackgroundNeutral,
+  secondary: colorBackgroundBrandGradient
+};
+const cardTags = [divTagName, navTagName, sectionTagName, mainTagName, articleTagName, asideTagName, spanTagName];
+export {
+  CardAppearanceColor as C,
+  cardAppearanceSecondary as a,
+  cardAppearances as b,
+  cardAppearancePrimary as c,
+  cardTags as d
+};

package/dist/props-DFHEdEnk.js

@@ -0,0 +1,20 @@
+const energySnippetSizeSmall = "sm";
+const energySnippetSizeMedium = "md";
+const energySnippetSizeLarge = "lg";
+const energySnippetSizes = [energySnippetSizeSmall, energySnippetSizeMedium, energySnippetSizeLarge];
+const energyClassA = "A";
+const energyClassB = "B";
+const energyClassC = "C";
+const energyClassD = "D";
+const energyClassE = "E";
+const energyClassF = "F";
+const energyClassG = "G";
+const energyClasses = [energyClassA, energyClassB, energyClassC, energyClassD, energyClassE, energyClassF, energyClassG];
+const energySnippetOrientationHorizontal = "horizontal";
+const energySnippetOrientationVertical = "vertical";
+const energySnippetOrientations = [energySnippetOrientationHorizontal, energySnippetOrientationVertical];
+export {
+  energySnippetOrientations as a,
+  energySnippetSizes as b,
+  energyClasses as e
+};

package/dist/props-DSy1T2sH.js

@@ -0,0 +1,8 @@
+const linkListVariantRow = "row";
+const linkListVariantColumn = "column";
+const linkListVariants = [linkListVariantRow, linkListVariantColumn];
+export {
+  linkListVariantRow as a,
+  linkListVariants as b,
+  linkListVariantColumn as l
+};

package/dist/props-DTToXJmH.js

@@ -0,0 +1,5 @@
+import { p as primaryAppearance, s as secondaryAppearance } from "./Appearance-CIB-YW3f.js";
+const linkAppearances = [primaryAppearance, secondaryAppearance];
+export {
+  linkAppearances as l
+};

package/dist/props-DjRkcEE8.js

@@ -0,0 +1,8 @@
+const discoveryCardOrientationVertical = "vertical";
+const discoveryCardOrientationHorizontal = "horizontal";
+const discoveryCardOrientations = [discoveryCardOrientationVertical, discoveryCardOrientationHorizontal];
+export {
+  discoveryCardOrientationVertical as a,
+  discoveryCardOrientations as b,
+  discoveryCardOrientationHorizontal as d
+};

package/dist/props-Dt5kqR3j.js

@@ -0,0 +1,23 @@
+import { c as colorObjectSuccess, a as colorObjectNeutral, b as colorObjectAccent, d as colorObjectBrand } from "./ObjectColor-CSHEae46.js";
+import { s as smallSize, m as mediumSize } from "./SizeTypes-Ck_RdzIf.js";
+const primaryBadgeAppearance = "primary";
+const secondaryBadgeAppearance = "secondary";
+const tertiaryBadgeAppearance = "tertiary";
+const successBadgeAppearance = "success";
+const badgeAppearances = [primaryBadgeAppearance, secondaryBadgeAppearance, tertiaryBadgeAppearance, successBadgeAppearance];
+const BadgeAppearanceColor = {
+  primary: colorObjectBrand,
+  secondary: colorObjectAccent,
+  tertiary: colorObjectNeutral,
+  success: colorObjectSuccess
+};
+const badgeSizes = [smallSize, mediumSize];
+export {
+  BadgeAppearanceColor as B,
+  badgeSizes as a,
+  badgeAppearances as b,
+  successBadgeAppearance as c,
+  primaryBadgeAppearance as p,
+  secondaryBadgeAppearance as s,
+  tertiaryBadgeAppearance as t
+};

package/dist/props-DxcKxrWg.js

@@ -0,0 +1,13 @@
+import { p as pTagName, d as divTagName, c as spanTagName, e as strongTagName, f as supTagName } from "./tags-BeNegJAK.js";
+const bodyTags = [pTagName, divTagName, spanTagName, strongTagName, supTagName];
+const bodyAlignLeft = "left";
+const bodyAlignCenter = "center";
+const bodyAlignRight = "right";
+const bodyAligns = [bodyAlignLeft, bodyAlignCenter, bodyAlignRight];
+export {
+  bodyAlignLeft as a,
+  bodyAlignCenter as b,
+  bodyAlignRight as c,
+  bodyAligns as d,
+  bodyTags as e
+};

package/dist/props-E4PNCuS6.js

@@ -0,0 +1,22 @@
+const priceOrientationHorizontal = "horizontal";
+const priceOrientationVertical = "vertical";
+const priceOrientations = [priceOrientationHorizontal, priceOrientationVertical];
+const priceSizeSm = "sm";
+const priceSizeMd = "md";
+const priceSizeLg = "lg";
+const priceSizes = [priceSizeSm, priceSizeMd, priceSizeLg];
+const priceAlignLeft = "left";
+const priceAlignCenter = "center";
+const priceAligns = [priceAlignLeft, priceAlignCenter];
+export {
+  priceAlignLeft as a,
+  priceAligns as b,
+  priceOrientationHorizontal as c,
+  priceOrientationVertical as d,
+  priceOrientations as e,
+  priceSizeLg as f,
+  priceSizeMd as g,
+  priceSizeSm as h,
+  priceSizes as i,
+  priceAlignCenter as p
+};

package/dist/props-GrMT6XLD.js

@@ -0,0 +1,11 @@
+import { g as headingHtmlTags, d as divTagName, c as spanTagName, p as pTagName } from "./tags-BeNegJAK.js";
+const headingTags = [...headingHtmlTags, divTagName, spanTagName, pTagName];
+const headingAlignLeft = "left";
+const headingAlignCenter = "center";
+const headingAligns = [headingAlignLeft, headingAlignCenter];
+export {
+  headingAlignLeft as a,
+  headingAligns as b,
+  headingTags as c,
+  headingAlignCenter as h
+};

package/dist/props-KyOo_gFu.js

@@ -0,0 +1,8 @@
+const linkListItemVariantVertical = "vertical";
+const linkListItemVariantHorizontal = "horizontal";
+const linkListItemOrientations = [linkListItemVariantVertical, linkListItemVariantHorizontal];
+export {
+  linkListItemVariantHorizontal as a,
+  linkListItemVariantVertical as b,
+  linkListItemOrientations as l
+};

package/dist/props-eUlhO4k_.js

@@ -0,0 +1,11 @@
+import { l as leftPosition, t as topPosition } from "./PositionType-BIdZQO2H.js";
+const tabGroupWidthFull = "full";
+const tabGroupWidthAuto = "auto";
+const tabGroupWidth = [tabGroupWidthFull, tabGroupWidthAuto];
+const tabIconPositions = [leftPosition, topPosition];
+export {
+  tabGroupWidthAuto as a,
+  tabGroupWidthFull as b,
+  tabIconPositions as c,
+  tabGroupWidth as t
+};

package/dist/props-n71pckjd.js

@@ -0,0 +1,5 @@
+import { f as fontWeightRegular, a as fontWeightBold } from "./FontWeight-C8c-UnWu.js";
+const tabularPricePrefixWeights = [fontWeightRegular, fontWeightBold];
+export {
+  tabularPricePrefixWeights as t
+};

package/dist/sanitizeLinkProps-D2Kkovy1.js

@@ -0,0 +1,12 @@
+const sanitizeLinkProps = (props) => {
+  if ("_blank" === (props == null ? void 0 : props.target)) {
+    return {
+      ...props,
+      rel: "noopener noreferrer"
+    };
+  }
+  return props;
+};
+export {
+  sanitizeLinkProps as s
+};

package/dist/shadow-u158mzuN.js

@@ -0,0 +1,4 @@
+const shadow28 = "shadow28";
+export {
+  shadow28 as s
+};

package/dist/shouldForwardProp-CONMmlMa.js

@@ -0,0 +1,32 @@
+function memoize(fn) {
+  var cache = /* @__PURE__ */ Object.create(null);
+  return function(arg) {
+    if (cache[arg] === void 0) cache[arg] = fn(arg);
+    return cache[arg];
+  };
+}
+var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/;
+var isPropValid = /* @__PURE__ */ memoize(
+  function(prop) {
+    return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110 && prop.charCodeAt(2) < 91;
+  }
+  /* Z+1 */
+);
+const GLOBALLY_BLOCKED_VALID_ATTRS = /* @__PURE__ */ new Set(["elevation", "height", "label", "offset", "orientation", "prefix", "size", "spacing", "width", "wrap"]);
+const shouldForwardProp = (prop) => {
+  if (prop.startsWith("data-") || prop.startsWith("aria-")) return true;
+  if (GLOBALLY_BLOCKED_VALID_ATTRS.has(prop)) return false;
+  return isPropValid(prop);
+};
+const shouldForwardPropExcluding = (excludeProps) => (prop) => {
+  if (excludeProps.includes(prop)) return false;
+  return shouldForwardProp(prop);
+};
+const pickDomProps = (props) => {
+  return Object.fromEntries(Object.entries(props).filter(([key]) => shouldForwardProp(key)));
+};
+export {
+  shouldForwardPropExcluding as a,
+  pickDomProps as p,
+  shouldForwardProp as s
+};

package/dist/styled-BkCUjXbJ.js

@@ -0,0 +1,130 @@
+import styled from "styled-components";
+import forcedColors from "./foundations/media-query/forcedColors/index.js";
+import { getBackgroundColor } from "./foundations/token/getBackgroundColor/index.js";
+import { getBorderColor } from "./foundations/token/getBorderColor/index.js";
+import { getBorderRadius } from "./foundations/token/getBorderRadius/index.js";
+import { getBorderWidth } from "./foundations/token/getBorderWidth/index.js";
+import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
+import { getHeadingSize } from "./foundations/token/getHeadingSize/index.js";
+import { g as getSpacing } from "./index-l-i-mIeP.js";
+import { getTextColor } from "./foundations/token/getTextColor/index.js";
+import { a as colorBackgroundNeutral, d as colorBackgroundSubtle } from "./BackgroundColor-Ba4D10TC.js";
+import { c as colorBorderFocus, a as colorBorderNeutral, b as colorBorderUnselected, d as colorBorderSuccess, e as colorBorderCritical } from "./BorderColor-BACbvI20.js";
+import { b as borderRadiusMd } from "./BorderRadius-0jhn76gB.js";
+import { a as borderWidthUnselected } from "./BorderWidth-CwrNKc0Q.js";
+import { c as spacingSm, a as spacingXs } from "./Spacing-Dj-qX3Z5.js";
+import { c as colorTextPlaceholder, a as colorTextNeutral } from "./TextColor-DsntmDNw.js";
+import { a as shouldForwardPropExcluding, s as shouldForwardProp } from "./shouldForwardProp-CONMmlMa.js";
+const InputWrapperStyled = styled.div.withConfig({
+  shouldForwardProp: shouldForwardPropExcluding(["readOnly"]),
+  displayName: "InputWrapperStyled",
+  componentId: "sc-hy3gr9-0"
+})({
+  ...forcedColors({
+    backgroundColor: "Field",
+    border: "1px solid FieldText"
+  }),
+  display: "flex",
+  justifyItems: "center",
+  alignItems: "center",
+  gap: `${getSpacing(spacingXs)}`,
+  padding: `0 ${getSpacing(spacingSm)} 0 0`,
+  borderRadius: getBorderRadius(borderRadiusMd),
+  backgroundColor: getBackgroundColor(colorBackgroundNeutral)
+}, ({
+  readOnly
+}) => ({
+  ...readOnly && {
+    backgroundColor: getBackgroundColor(colorBackgroundSubtle)
+  }
+}), ({
+  status
+}) => {
+  if (!status) {
+    return {
+      boxShadow: `inset ${getBorderColor(colorBorderUnselected)} 0px 0px 0px 1px`,
+      "&:focus-within": {
+        ...forcedColors({
+          outline: "4px solid CanvasText"
+        }),
+        boxShadow: `${getBorderColor(colorBorderFocus)} 0px 0px 0px 4px, inset ${getBorderColor(colorBorderNeutral)} 0px 0px 0px 1px`,
+        outline: "none"
+      }
+    };
+  }
+  if ("success" === status) {
+    return {
+      boxShadow: `inset ${getBorderColor(colorBorderSuccess)} 0px 0px 0px 2px`,
+      "&:focus-within": {
+        ...forcedColors({
+          outline: "4px solid CanvasText"
+        }),
+        boxShadow: `${getBorderColor(colorBorderFocus)} 0px 0px 0px 4px, inset ${getBorderColor(colorBorderSuccess)} 0px 0px 0px 2px`
+      }
+    };
+  }
+  if ("error" === status) {
+    return {
+      boxShadow: `inset ${getBorderColor(colorBorderCritical)} 0px 0px 0px 2px`,
+      "&:focus-within": {
+        ...forcedColors({
+          outline: "4px solid CanvasText"
+        }),
+        boxShadow: `${getBorderColor(colorBorderFocus)} 0px 0px 0px 4px, inset ${getBorderColor(colorBorderCritical)} 0px 0px 0px 2px`
+      }
+    };
+  }
+}, getBottomSpacing);
+const InputStyled = styled.input.withConfig({
+  shouldForwardProp,
+  displayName: "InputStyled",
+  componentId: "sc-hy3gr9-1"
+})(getHeadingSize("xs"), forcedColors({
+  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: `${getBorderWidth(borderWidthUnselected)} solid transparent`,
+  outline: "none",
+  backgroundColor: "transparent",
+  color: getTextColor(colorTextNeutral),
+  padding: `${getSpacing(spacingXs)} 0 ${getSpacing(spacingXs)} ${getSpacing(spacingSm)}`,
+  "&::placeholder": {
+    color: getTextColor(colorTextPlaceholder)
+  },
+  height: "44px"
+}, {
+  /**
+   * overwrite simplicity styles
+   */
+  "input&": {
+    maxWidth: "unset",
+    borderRadius: "unset",
+    boxShadow: "unset",
+    "&:focus": {
+      ...forcedColors({
+        border: "none"
+      }),
+      outline: "unset",
+      border: `${getBorderWidth(borderWidthUnselected)} solid transparent`
+    },
+    "&:disabled": {
+      ...forcedColors({
+        border: "none"
+      }),
+      color: "unset",
+      background: "unset",
+      border: `${getBorderWidth(borderWidthUnselected)} solid transparent`
+    }
+  }
+});
+export {
+  InputWrapperStyled as I,
+  InputStyled as a
+};

package/dist/styled-Bp9hHt9l.js

@@ -0,0 +1,163 @@
+import styled from "styled-components";
+import { C as CardStyled } from "./styled-bVvX_c0n.js";
+import { D as DemoBoxStyled } from "./styled-CEsof0yq.js";
+import { v as viewport } from "./index-CG4uiVbZ.js";
+import { g as getSpacing } from "./index-l-i-mIeP.js";
+import { s as spacingMd } from "./Spacing-Dj-qX3Z5.js";
+import { translateLayoutPropsToCss } from "./foundations/layout/index.js";
+import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
+import { s as shouldForwardProp } from "./shouldForwardProp-CONMmlMa.js";
+const getColumnWidth = ({
+  sm,
+  md,
+  lg,
+  gap
+}) => {
+  const calculateFlexBasis = (value) => {
+    const gridGap = getSpacing(gap || spacingMd);
+    const columns = 12 / value;
+    return `calc(${100 / columns}% - ${gridGap} * (${columns} - 1) / ${columns})`;
+  };
+  let style = {};
+  if (sm) {
+    style = {
+      flexBasis: calculateFlexBasis(sm)
+    };
+  }
+  if (md) {
+    style = {
+      ...style,
+      ...viewport.md({
+        flexBasis: calculateFlexBasis(md)
+      })
+    };
+  }
+  if (lg) {
+    style = {
+      ...style,
+      ...viewport.lg({
+        flexBasis: calculateFlexBasis(lg)
+      })
+    };
+  }
+  return style;
+};
+const getOffset = ({
+  sm,
+  md,
+  lg
+}, spacing) => {
+  const calculateMarginLeft = (value) => {
+    const gap = 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,
+      ...viewport.md({
+        marginLeft: calculateMarginLeft(md)
+      })
+    };
+  }
+  if (lg) {
+    style = {
+      ...style,
+      ...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 = CardStyled.toString();
+  const demoBoxSelector = DemoBoxStyled.toString();
+  nestedStyles[`> ${cardSelector}`] = {
+    alignItems: getFlexProperty(align),
+    height: "100%"
+  };
+  nestedStyles[demoBoxSelector] = {
+    alignItems: getFlexProperty(align)
+  };
+  return nestedStyles;
+};
+const GridItemStyled = styled.div.withConfig({
+  shouldForwardProp,
+  displayName: "GridItemStyled",
+  componentId: "sc-dekvm8-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,
+  gap = spacingMd
+}) => {
+  if (!offset) return {};
+  return {
+    ...getOffset(offset, gap)
+  };
+}, ({
+  align
+}) => ({
+  textAlign: align,
+  alignItems: getFlexProperty(align)
+}), ({
+  align
+}) => getCardAlignment(align), getBottomSpacing, ({
+  layout
+}) => layout && translateLayoutPropsToCss(layout));
+const GridStyled = styled.div.attrs((props) => ({
+  as: props.tag
+})).withConfig({
+  shouldForwardProp,
+  displayName: "GridStyled",
+  componentId: "sc-1326w5p-0"
+})({
+  boxSizing: "border-box",
+  display: "flex",
+  flexWrap: "wrap"
+}, ({
+  align = "left"
+}) => ({
+  justifyContent: align
+}), ({
+  stretch = false
+}) => ({
+  alignItems: stretch ? "stretch" : "flex-start"
+}), ({
+  gap = spacingMd
+}) => ({
+  gap: getSpacing(gap)
+}), getBottomSpacing, ({
+  layout
+}) => layout && translateLayoutPropsToCss(layout));
+export {
+  GridItemStyled as G,
+  GridStyled as a
+};