@vodafone_de/publish-test 0.0.1 → 53.0.0

package/dist/foundations/GlobalStyle/index.js

@@ -0,0 +1,231 @@
+"use client";
+import { createGlobalStyle } from "styled-components";
+import { c as cssVars } from "../../cssVars-DlhepeQC.js";
+const cssReset = `
+  /**
+   * @TODO Das gehört nicht in global style
+   * Besser in eine seperate datei
+   * Noch besser ->     
+   * http://nicolasgallagher.com/about-normalize-css/
+   *
+   * ABER ich packe es erstmal hierein, weil ich keine Ahnung habe, welche Resets sinnvoll sind und welche unnütz
+   */
+  /* ==========================================================================
+   #RESET
+   ========================================================================== */
+
+  html,
+  body,
+  div,
+  span,
+  applet,
+  object,
+  iframe,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  p,
+  blockquote,
+  button,
+  pre,
+  a,
+  abbr,
+  acronym,
+  address,
+  big,
+  cite,
+  code,
+  del,
+  dfn,
+  em,
+  img,
+  ins,
+  kbd,
+  q,
+  s,
+  samp,
+  small,
+  strike,
+  strong,
+  sub,
+  sup,
+  tt,
+  var,
+  b,
+  u,
+  i,
+  center,
+  dl,
+  dt,
+  dd,
+  ol,
+  ul,
+  li,
+  fieldset,
+  form,
+  label,
+  legend,
+  table,
+  caption,
+  tbody,
+  tfoot,
+  thead,
+  tr,
+  th,
+  td,
+  article,
+  aside,
+  canvas,
+  details,
+  embed,
+  figure,
+  figcaption,
+  footer,
+  header,
+  hgroup,
+  menu,
+  nav,
+  output,
+  ruby,
+  section,
+  summary,
+  time,
+  mark,
+  audio,
+  video {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font: inherit;
+    font-size: 100%;
+    vertical-align: top;
+  }
+
+  p {
+    vertical-align: baseline;
+  }
+
+  html {
+    line-height: 1;
+    -ms-text-size-adjust: 100%;
+    -webkit-text-size-adjust: 100%;
+  }
+
+  ol,
+  ul {
+    list-style: none;
+  }
+
+  table {
+    border-collapse: collapse;
+    border-spacing: 0;
+  }
+
+  caption,
+  th,
+  td {
+    text-align: left;
+    font-weight: normal;
+    vertical-align: middle;
+  }
+
+  q,
+  blockquote {
+    quotes: none;
+  }
+
+  q:before,
+  q:after,
+  blockquote:before,
+  blockquote:after {
+    content: "";
+    content: none;
+  }
+
+  a img {
+    border: 0;
+  }
+
+  article,
+  aside,
+  details,
+  figcaption,
+  figure,
+  footer,
+  header,
+  hgroup,
+  menu,
+  nav,
+  section,
+  summary {
+    display: block;
+  }
+
+
+  html {
+    font-size: 14px
+  }
+  body {
+      color: #333;
+      font-family: var(--vodafone-variable-font), "VodafoneVari" , "Arial",  Arial, sans-serif;
+      font-size: 1rem;
+      font-weight: 400;
+      line-height: 1;
+      background: #fff;
+  }
+  *{
+    box-sizing: border-box;
+    font-synthesis: none;
+  }
+  input, textarea {
+    font-family: var(--vodafone-variable-font), "VodafoneVari", "Arial",  Arial, sans-serif; 
+    border: none;
+    box-shadow: none;
+    max-width: 100%;
+  }
+
+  input:focus {
+    border: none;
+  }
+
+  hr {
+    margin-block-start: 0;
+  }
+
+  select {
+    -moz-appearance:none; /* Firefox */
+    -webkit-appearance:none; /* Safari and Chrome */
+    appearance:none;
+  }
+
+  .HideOverflowY {
+    overflow-y: hidden;
+  }
+
+  .HasObscuringBottomBar {
+    scroll-padding-bottom: var(--bottomBarHeight);
+    padding-bottom: var(--bottomBarHeight)
+  }
+
+
+ `;
+const GlobalStyle = createGlobalStyle(["", " ", " ", ""], cssReset, cssVars, (props) => props.loadFont && `
+    @font-face {
+      font-family: 'VodafoneVari';
+      src: url('https://www.vodafone.de/simplicity/assets/css/fonts/VodafoneVF_Wght_W.woff2') format('woff2');
+      font-style: normal;
+      font-display: swap;
+    }
+
+    :root {
+      --vodafone-variable-font: 'VodafoneVari';
+    }
+
+  `);
+export {
+  GlobalStyle,
+  cssReset
+};

package/dist/foundations/GridConfig/index.d.ts

@@ -0,0 +1,12 @@
+import { ViewportName } from '../types/Viewport';
+export declare const gridColSpans: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
+export type GridColSpan = (typeof gridColSpans)[number];
+/**
+ * type GridConfig defines an object that can contain colspans
+ * per every viewport (sm, md and large)
+ *
+ * If a smaller is not overridden by a value for a larger viewport, then it applies also to all larger viewports.
+ */
+export type GridConfig = {
+    [key in ViewportName]?: GridColSpan;
+};

package/dist/foundations/GridConfig/index.js

@@ -0,0 +1,4 @@
+const gridColSpans = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
+export {
+  gridColSpans
+};

package/dist/foundations/GridConfig/validate.d.ts

@@ -0,0 +1,9 @@
+import { default as z } from 'zod';
+import { ValidationResult } from '../../utils/validation/Validation';
+import { GridConfig } from '.';
+export declare const gridConfigShape: {
+    sm: z.ZodOptional<z.ZodNumber>;
+    md: z.ZodOptional<z.ZodNumber>;
+    lg: z.ZodOptional<z.ZodNumber>;
+};
+export declare const validateGridConfig: (props: unknown) => ValidationResult<GridConfig>;

package/dist/foundations/Tracking/index.d.ts

@@ -0,0 +1,29 @@
+/**
+ * This is managed in the CMS, and in principle everything there consists of strings. It’s deliberately kept very loosely typed.
+ * On the one hand, if incorrect data is stored there, it won’t prevent the page from rendering or cause issues with the apps.
+ * On the other hand, any errors can be corrected quickly and easily by the editorial team.
+ */
+export type Tracking = {
+    contact_action?: string;
+    contact_subject?: string;
+    contact_available_tools?: string;
+    contact_tool?: string;
+    contact_trigger?: string;
+    contact_variant?: string;
+    information_action?: string;
+    information_name?: string;
+    information_ui_type?: string;
+    information_trigger?: string;
+    information_ui_location?: string;
+    information_id?: string;
+    information_ui_size?: string;
+    error_action?: string;
+    error_type?: string;
+    error_message?: string;
+    error_ui_type?: string;
+    error_trigger?: string;
+    error_trigger_name?: string;
+    error_code?: string;
+    error_details?: string;
+    error_location?: string;
+};

package/dist/foundations/Tracking/index.js

@@ -0,0 +1 @@
+

package/dist/foundations/Tracking/validate.d.ts

@@ -0,0 +1,28 @@
+import { z } from 'zod';
+import { ValidationResult } from '../../utils/validation/Validation';
+import { Tracking } from './index';
+export declare const trackingSchema: z.ZodObject<{
+    contact_action: z.ZodOptional<z.ZodString>;
+    contact_subject: z.ZodOptional<z.ZodString>;
+    contact_available_tools: z.ZodOptional<z.ZodString>;
+    contact_tool: z.ZodOptional<z.ZodString>;
+    contact_trigger: z.ZodOptional<z.ZodString>;
+    contact_variant: z.ZodOptional<z.ZodString>;
+    information_action: z.ZodOptional<z.ZodString>;
+    information_name: z.ZodOptional<z.ZodString>;
+    information_ui_type: z.ZodOptional<z.ZodString>;
+    information_trigger: z.ZodOptional<z.ZodString>;
+    information_ui_location: z.ZodOptional<z.ZodString>;
+    information_id: z.ZodOptional<z.ZodString>;
+    information_ui_size: z.ZodOptional<z.ZodString>;
+    error_action: z.ZodOptional<z.ZodString>;
+    error_type: z.ZodOptional<z.ZodString>;
+    error_message: z.ZodOptional<z.ZodString>;
+    error_ui_type: z.ZodOptional<z.ZodString>;
+    error_trigger: z.ZodOptional<z.ZodString>;
+    error_trigger_name: z.ZodOptional<z.ZodString>;
+    error_code: z.ZodOptional<z.ZodString>;
+    error_details: z.ZodOptional<z.ZodString>;
+    error_location: z.ZodOptional<z.ZodString>;
+}, z.core.$loose>;
+export declare const validateTracking: (props: unknown) => ValidationResult<Tracking>;

package/dist/foundations/Tracking/validate.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/foundations/colorMaps.d.ts

@@ -0,0 +1,18 @@
+import { Color } from './token/base/baseColors';
+import { BackgroundColor } from './types/BackgroundColor';
+import { BorderColor } from './types/BorderColor';
+import { IconColor } from './types/IconColor';
+import { ObjectColor } from './types/ObjectColor';
+import { TextColor } from './types/TextColor';
+import { Theme } from './types/Theme';
+/**
+ * Raw color token maps used to generate the CSS custom properties in cssVars.tsx.
+ * Kept in their own file so cssVars.tsx itself stays focused on the CSS variable
+ * string generation (which needs to stay a single file, see cssVars.test.ts).
+ */
+export declare const baseColors: Record<Color, string>;
+export declare const backgroundColors: Record<BackgroundColor, Record<Theme, Color>>;
+export declare const borderColors: Record<BorderColor, Record<Theme, Color>>;
+export declare const iconColors: Record<IconColor, Record<Theme, Color>>;
+export declare const objectColors: Record<ObjectColor, Record<Theme, Color>>;
+export declare const textColors: Record<TextColor, Record<Theme, Color>>;

package/dist/foundations/cssObjects/screenreaderOnly.d.ts

@@ -0,0 +1,2 @@
+import { CSSObject } from 'styled-components';
+export declare const screenreaderOnly: CSSObject;

package/dist/foundations/cssVars.d.ts

@@ -0,0 +1,3 @@
+export { backgroundColors, baseColors, objectColors } from './colorMaps';
+export declare const cssVarsString: string;
+export declare const cssVars: import('styled-components').RuleSet<object>;

package/dist/foundations/cssVars.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/foundations/layout/index.d.ts

@@ -0,0 +1,34 @@
+import { CSSProp } from 'styled-components';
+import { ViewportName } from '../types/Viewport';
+import { Spacing } from '../types/Spacing';
+import type * as CSS from 'csstype';
+export type ResponsiveProp<T> = {
+    [key in ViewportName]?: T;
+};
+export interface LayoutProps {
+    display?: CSS.Properties['display'];
+    flexDirection?: CSS.Properties['flexDirection'] | ResponsiveProp<CSS.Properties['flexDirection']>;
+    justifyContent?: CSS.Properties['justifyContent'] | ResponsiveProp<CSS.Properties['justifyContent']>;
+    alignItems?: CSS.Properties['alignItems'] | ResponsiveProp<CSS.Properties['alignItems']>;
+    position?: CSS.Properties['position'];
+    top?: Spacing;
+    bottom?: Spacing;
+    left?: Spacing;
+    right?: Spacing;
+    flex?: CSS.Properties['flex'];
+    flexGrow?: CSS.Properties['flexGrow'];
+    flexShrink?: CSS.Properties['flexShrink'];
+    flexBasis?: CSS.Properties['flexBasis'];
+    alignSelf?: CSS.Properties['alignSelf'] | ResponsiveProp<CSS.Properties['alignSelf']>;
+    width?: CSS.Properties['width'] | ResponsiveProp<CSS.Properties['width']>;
+    height?: CSS.Properties['height'] | ResponsiveProp<CSS.Properties['height']>;
+    minWidth?: CSS.Properties['minWidth'] | ResponsiveProp<CSS.Properties['minWidth']>;
+    maxWidth?: CSS.Properties['maxWidth'] | ResponsiveProp<CSS.Properties['maxWidth']>;
+    minHeight?: CSS.Properties['minHeight'] | ResponsiveProp<CSS.Properties['minHeight']>;
+    maxHeight?: CSS.Properties['maxHeight'] | ResponsiveProp<CSS.Properties['maxHeight']>;
+    zIndex?: CSS.Properties['zIndex'];
+    marginTop?: Spacing;
+    marginLeft?: Spacing;
+    marginRight?: Spacing;
+}
+export declare const translateLayoutPropsToCss: (layoutProps: LayoutProps) => CSSProp;

package/dist/foundations/layout/index.js

@@ -0,0 +1,70 @@
+import { m as mediumMediaQuery, l as largeMediaQuery } from "../../index-CG4uiVbZ.js";
+import { g as getSpacing } from "../../index-l-i-mIeP.js";
+const spacingKeys = ["top", "bottom", "left", "right", "marginTop", "marginLeft", "marginRight"];
+const responsiveKeys = ["flexDirection", "justifyContent", "alignItems", "alignSelf", "width", "height", "minWidth", "maxWidth", "minHeight", "maxHeight"];
+const applySpacingProps = (translatedProps, layoutProps) => {
+  spacingKeys.forEach((key) => {
+    if (layoutProps[key] !== void 0) {
+      translatedProps[key] = getSpacing(layoutProps[key]);
+    }
+  });
+};
+const applyStickyOrFixedTopOffset = (translatedProps, layoutProps) => {
+  if (layoutProps.top && (layoutProps.position === "sticky" || layoutProps.position === "fixed")) {
+    translatedProps.top = `calc(var(--header-height) + ${translatedProps.top})`;
+  }
+};
+const applyResponsiveProps = (translatedProps, layoutProps) => {
+  let mdStyles = {};
+  let lgStyles = {};
+  responsiveKeys.forEach((key) => {
+    var _a, _b, _c;
+    if (layoutProps[key] === void 0) {
+      return;
+    }
+    if (typeof layoutProps[key] !== "object") {
+      translatedProps[key] = layoutProps[key];
+      return;
+    }
+    const smValue = (_a = layoutProps[key]) == null ? void 0 : _a.sm;
+    const mdValue = (_b = layoutProps[key]) == null ? void 0 : _b.md;
+    const lgValue = (_c = layoutProps[key]) == null ? void 0 : _c.lg;
+    translatedProps[key] = smValue ?? mdValue ?? lgValue ?? void 0;
+    if (smValue && mdValue) {
+      mdStyles = {
+        ...mdStyles,
+        [key]: mdValue
+      };
+    }
+    if ((smValue || mdValue) && lgValue) {
+      lgStyles = {
+        ...lgStyles,
+        [key]: lgValue
+      };
+    }
+  });
+  return {
+    mdStyles,
+    lgStyles
+  };
+};
+const translateLayoutPropsToCss = (layoutProps) => {
+  const translatedProps = Object.fromEntries(Object.entries(layoutProps).filter(([key]) => !responsiveKeys.includes(key)));
+  const mutableProps = translatedProps;
+  applySpacingProps(mutableProps, layoutProps);
+  applyStickyOrFixedTopOffset(mutableProps, layoutProps);
+  const {
+    mdStyles,
+    lgStyles
+  } = applyResponsiveProps(mutableProps, layoutProps);
+  if (Object.keys(mdStyles).length !== 0) mutableProps[`@media ${mediumMediaQuery}`] = {
+    ...mdStyles
+  };
+  if (Object.keys(lgStyles).length !== 0) mutableProps[`@media ${largeMediaQuery}`] = {
+    ...lgStyles
+  };
+  return translatedProps;
+};
+export {
+  translateLayoutPropsToCss
+};

package/dist/foundations/layout/translateLayoutPropsToCss.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/foundations/media-query/forcedColors/index.d.ts

@@ -0,0 +1,7 @@
+import { CSSObject } from 'styled-components';
+export declare const forcedColorsQuery = "(forced-colors: active)";
+/**
+ * Media query that is applied when the user has user defined colors.
+ */
+declare const forcedColors: (stylesInViewport: CSSObject) => CSSObject;
+export default forcedColors;

package/dist/foundations/media-query/forcedColors/index.js

@@ -0,0 +1,12 @@
+const forcedColorsQuery = `(forced-colors: active)`;
+const forcedColors = (stylesInViewport) => {
+  return {
+    [`@media ${forcedColorsQuery}`]: {
+      ...stylesInViewport
+    }
+  };
+};
+export {
+  forcedColors as default,
+  forcedColorsQuery
+};

package/dist/foundations/media-query/reducedMotion/index.d.ts

@@ -0,0 +1,11 @@
+import { CSSObject } from 'styled-components';
+export declare const reducedMotionQuery = "(prefers-reduced-motion)";
+/**
+ * Media query that is applied when the user has enabled reduced motion in the OS.
+ */
+declare const reducedMotion: (stylesInViewport: CSSObject) => CSSObject;
+export default reducedMotion;
+/**
+ * Media query that is applied when the user has not enabled reduced motion in the OS.
+ */
+export declare const noReducedMotion: (stylesInViewport: CSSObject) => CSSObject;

package/dist/foundations/media-query/reducedMotion/index.js

@@ -0,0 +1,21 @@
+const reducedMotionQuery = `(prefers-reduced-motion)`;
+const noReducedMotionQuery = `(prefers-reduced-motion: no-preference)`;
+const reducedMotion = (stylesInViewport) => {
+  return {
+    [`@media ${reducedMotionQuery}`]: {
+      ...stylesInViewport
+    }
+  };
+};
+const noReducedMotion = (stylesInViewport) => {
+  return {
+    [`@media ${noReducedMotionQuery}`]: {
+      ...stylesInViewport
+    }
+  };
+};
+export {
+  reducedMotion as default,
+  noReducedMotion,
+  reducedMotionQuery
+};

package/dist/foundations/media-query/viewport/index.d.ts

@@ -0,0 +1,11 @@
+import { CSSObject } from 'styled-components';
+export declare const mediumMediaQuery = "screen and (min-width: 768px)";
+export declare const largeMediaQuery = "screen and (min-width: 1025px)";
+/**
+ * breakpoint_x_large and up
+ */
+declare const viewport: {
+    md: (stylesInViewport: CSSObject) => CSSObject;
+    lg: (stylesInViewport: CSSObject) => CSSObject;
+};
+export default viewport;

package/dist/foundations/media-query/viewport/index.js

@@ -0,0 +1,6 @@
+import { v, l, m } from "../../../index-CG4uiVbZ.js";
+export {
+  v as default,
+  l as largeMediaQuery,
+  m as mediumMediaQuery
+};

package/dist/foundations/tags.d.ts

@@ -0,0 +1,22 @@
+export declare const h1TagName: "h1";
+export declare const h2TagName: "h2";
+export declare const h3TagName: "h3";
+export declare const h4TagName: "h4";
+export declare const h5TagName: "h5";
+export declare const h6TagName: "h6";
+export declare const headingHtmlTags: readonly ["h1", "h2", "h3", "h4", "h5", "h6"];
+export type HeadingHtmlTag = (typeof headingHtmlTags)[number];
+export declare const pTagName: "p";
+export declare const divTagName: "div";
+export declare const spanTagName: "span";
+export declare const strongTagName: "strong";
+export declare const supTagName: "sup";
+export declare const ulTagName: "ul";
+export declare const olTagName: "ol";
+export declare const liTagName: "li";
+export declare const sectionTagName: "section";
+export declare const articleTagName: "article";
+export declare const asideTagName: "aside";
+export declare const navTagName: "nav";
+export declare const mainTagName: "main";
+export declare const hgroupTagName: "hgroup";

package/dist/foundations/token/base/baseColors.d.ts

@@ -0,0 +1,31 @@
+export declare const colorVodafoneRed: "colorVodafoneRed";
+export declare const colorVodafoneRedTint: "colorVodafoneRedTint";
+export declare const colorRed: "colorRed";
+export declare const colorRedTint: "colorRedTint";
+export declare const colorVodafoneDarkRed: "colorVodafoneDarkRed";
+export declare const colorVodafoneDarkRedTint: "colorVodafoneDarkRedTint";
+export declare const colorTurquoise: "colorTurquoise";
+export declare const colorTurquoiseTint: "colorTurquoiseTint";
+export declare const colorAubergine: "colorAubergine";
+export declare const colorAubergineTint: "colorAubergineTint";
+export declare const colorFreshOrange: "colorFreshOrange";
+export declare const colorFreshOrangeTint: "colorFreshOrangeTint";
+export declare const colorLemonYellow: "colorLemonYellow";
+export declare const colorLemonYellowTint: "colorLemonYellowTint";
+export declare const colorSpringGreen: "colorSpringGreen";
+export declare const colorSpringGreenTint: "colorSpringGreenTint";
+export declare const colorBlue: "colorBlue";
+export declare const colorBlueTint: "colorBlueTint";
+export declare const colorAquaBlue: "colorAquaBlue";
+export declare const colorAquaBlueTint: "colorAquaBlueTint";
+export declare const colorVodafoneWhite: "colorVodafoneWhite";
+export declare const colorVodafoneWhiteAlpha: "colorVodafoneWhiteAlpha";
+export declare const colorBlack05: "colorBlack05";
+export declare const colorBlack25: "colorBlack25";
+export declare const colorBlack50: "colorBlack50";
+export declare const colorBlack60: "colorBlack60";
+export declare const colorBlack85: "colorBlack85";
+export declare const colorBlack95: "colorBlack95";
+export declare const colorBlack95Alpha: "colorBlack95Alpha";
+export declare const colorVodafoneGradient: "colorVodafoneGradient";
+export type Color = typeof colorVodafoneRed | typeof colorVodafoneRedTint | typeof colorRed | typeof colorRedTint | typeof colorVodafoneDarkRed | typeof colorVodafoneDarkRedTint | typeof colorTurquoise | typeof colorTurquoiseTint | typeof colorAubergine | typeof colorAubergineTint | typeof colorFreshOrange | typeof colorFreshOrangeTint | typeof colorLemonYellow | typeof colorLemonYellowTint | typeof colorSpringGreen | typeof colorSpringGreenTint | typeof colorBlue | typeof colorBlueTint | typeof colorAquaBlue | typeof colorAquaBlueTint | typeof colorVodafoneWhite | typeof colorVodafoneWhiteAlpha | typeof colorBlack05 | typeof colorBlack25 | typeof colorBlack50 | typeof colorBlack60 | typeof colorBlack85 | typeof colorBlack95 | typeof colorBlack95Alpha | typeof colorVodafoneGradient;

package/dist/foundations/token/base/shadow.d.ts

@@ -0,0 +1 @@
+export declare const shadow28: "shadow28";

package/dist/foundations/token/breakpoint.d.ts

@@ -0,0 +1,4 @@
+export declare const breakpoint_medium_number = 768;
+export declare const breakpoint_medium = "768px";
+export declare const breakpoint_large_number = 1025;
+export declare const breakpoint_large = "1025px";

package/dist/foundations/token/easing.d.ts

@@ -0,0 +1,2 @@
+export declare const ease_in_sine = "cubic-bezier(.47, 0, .745, .715)";
+export declare const ease_in_out_sine = "cubic-bezier(.445, .05, .55, .95)";

package/dist/foundations/token/getBackgroundColor/index.d.ts

@@ -0,0 +1,2 @@
+import { BackgroundColor } from '../../types/BackgroundColor';
+export declare const getBackgroundColor: (color: BackgroundColor) => string;

package/dist/foundations/token/getBackgroundColor/index.js

@@ -0,0 +1,5 @@
+import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
+const getBackgroundColor = (color) => getCssVar(color);
+export {
+  getBackgroundColor
+};

package/dist/foundations/token/getBodySize/index.d.ts

@@ -0,0 +1,3 @@
+import { CSSObject } from 'styled-components';
+import { TextBodySize } from '../../types/TextBodySize';
+export declare const getBodySize: (size: TextBodySize) => CSSObject;

package/dist/foundations/token/getBodySize/index.js

@@ -0,0 +1,15 @@
+import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
+const bodySizes = {
+  md: {
+    fontSize: getCssVar("bodyMdFontSize"),
+    lineHeight: getCssVar("bodyMdLineHeight")
+  },
+  sm: {
+    fontSize: getCssVar("bodySmFontSize"),
+    lineHeight: getCssVar("bodySmLineHeight")
+  }
+};
+const getBodySize = (size) => bodySizes[size];
+export {
+  getBodySize
+};

package/dist/foundations/token/getBorderColor/index.d.ts

@@ -0,0 +1,2 @@
+import { BorderColor } from '../../types/BorderColor';
+export declare const getBorderColor: (color: BorderColor) => string;

package/dist/foundations/token/getBorderColor/index.js

@@ -0,0 +1,5 @@
+import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
+const getBorderColor = (color) => getCssVar(color);
+export {
+  getBorderColor
+};

package/dist/foundations/token/getBorderRadius/index.d.ts

@@ -0,0 +1,2 @@
+import { BorderRadius } from '../../types/BorderRadius';
+export declare const getBorderRadius: (radius: BorderRadius) => string;