@workday/canvas-kit-react 8.0.0-alpha.204-next.4 → 8.0.0-alpha.216-next.4

package/layout/lib/utils/font.ts

@@ -1,67 +0,0 @@
-import {Property} from 'csstype';
-import {type, CanvasTypeProperties} from '@workday/canvas-kit-react/tokens';
-
-export type FontFamilyTokens = keyof CanvasTypeProperties['fontFamilies'];
-export type FontSizeTokens = keyof CanvasTypeProperties['fontSizes'];
-export type FontWeightTokens = keyof CanvasTypeProperties['fontWeights'];
-type FontValue = FontFamilyTokens & FontSizeTokens & FontWeightTokens;
-
-/** style props to for color properties */
-export type FontStyleProps = {
-  /** sets `font-family` property */
-  fontFamily?: Property.FontFamily | FontFamilyTokens;
-  /** sets `font-size` property */
-  fontSize?: Property.FontSize | FontSizeTokens;
-  /** sets `font-style` property */
-  fontStyle?: Property.FontStyle;
-  /** sets `font-weight` property */
-  fontWeight?: Property.FontWeight | FontWeightTokens;
-};
-
-const getFontFamily = (value: FontStyleProps['fontFamily']) => ({
-  fontFamily: type.properties.fontFamilies[value as FontFamilyTokens] || value,
-});
-
-const getFontSize = (value: FontStyleProps['fontSize']) => ({
-  fontSize: type.properties.fontSizes[value as FontSizeTokens] || value,
-});
-
-const getFontStyle = (value: FontStyleProps['fontStyle']) => ({
-  fontStyle: value,
-});
-
-const getFontWeight = (value: FontStyleProps['fontWeight']) => ({
-  fontWeight: type.properties.fontWeights[value as FontWeightTokens] || value,
-});
-
-const fontProps = {
-  fontFamily: getFontFamily,
-  fontSize: getFontSize,
-  fontWeight: getFontWeight,
-  fontStyle: getFontStyle,
-};
-
-/**
- * A style prop function that takes components props and returns font styles from canvas token values.
- * If no `FontStyleProps` are found, it returns an empty object.
- *
- * @example
- * // You'll most likely use `font` with low-level, styled components
- * const BoxExample = () => (
- *   <Box fontFamily="monospace" fontWeight="medium">Hello, fonts!</Box>
- * );
- *
- */
-export function font<P extends FontStyleProps>(props: P) {
-  let styles = {};
-  for (const key in props) {
-    if (key in fontProps) {
-      const value = props[key as keyof FontStyleProps] as FontValue;
-      const fontFn = fontProps[key as keyof FontStyleProps];
-      const style = fontFn(value);
-      styles = {...styles, ...style};
-    }
-  }
-
-  return styles;
-}