@carbon/type 11.60.0 → 11.61.0-rc.0

package/src/__tests__/tokens-test.js

@@ -1,21 +0,0 @@
-/**
- * Copyright IBM Corp. 2018, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @jest-environment node
- */
-
-import { unstable_tokens as tokens } from '../tokens';
-import * as styles from '../styles';
-
-describe('type tokens', () => {
-  test.each(tokens)('%s should be defined in styles', (token) => {
-    expect(styles[token]).toBeDefined();
-  });
-
-  test.each(Object.keys(styles))('%s should be defined in tokens', (token) => {
-    expect(tokens.indexOf(token)).not.toBe(-1);
-  });
-});

package/src/fluid.js

@@ -1,86 +0,0 @@
-/**
- * Copyright IBM Corp. 2018, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { breakpoint as bp, breakpoints } from '@carbon/layout';
-
-const breakpointNames = Object.keys(breakpoints);
-
-function next(name) {
-  return breakpointNames[breakpointNames.indexOf(name) + 1];
-}
-
-export function fluid(selector) {
-  const { breakpoints: fluidBreakpoints, ...styles } = selector;
-
-  if (typeof fluidBreakpoints !== 'object') {
-    return styles;
-  }
-
-  const fluidBreakpointNames = Object.keys(fluidBreakpoints);
-  if (fluidBreakpointNames.length === 0) {
-    return styles;
-  }
-
-  styles.fontSize = fluidTypeSize(styles, 'sm', fluidBreakpoints);
-
-  fluidBreakpointNames.forEach((name) => {
-    styles[bp(name)] = {
-      ...fluidBreakpoints[name],
-      fontSize: fluidTypeSize(styles, name, fluidBreakpoints),
-    };
-  });
-
-  return styles;
-}
-
-function fluidTypeSize(defaultStyles, fluidBreakpointName, fluidBreakpoints) {
-  const breakpoint = breakpoints[fluidBreakpointName];
-  const fluidBreakpoint =
-    fluidBreakpointName === 'sm'
-      ? defaultStyles
-      : fluidBreakpoints[fluidBreakpointName];
-
-  let maxFontSize = defaultStyles.fontSize;
-  let minFontSize = defaultStyles.fontSize;
-  if (fluidBreakpoint.fontSize) {
-    minFontSize = fluidBreakpoint.fontSize;
-  }
-
-  let maxViewportWidth = breakpoint.width;
-  let minViewportWidth = breakpoint.width;
-
-  let nextBreakpointAvailable = next(fluidBreakpointName);
-  let nextFluidBreakpointName = null;
-
-  while (nextBreakpointAvailable) {
-    if (fluidBreakpoints[nextBreakpointAvailable]) {
-      nextFluidBreakpointName = nextBreakpointAvailable;
-      break;
-    }
-    nextBreakpointAvailable = next(nextBreakpointAvailable);
-  }
-
-  if (nextFluidBreakpointName) {
-    const nextFluidBreakpoint = breakpoints[nextFluidBreakpointName];
-    maxFontSize = fluidBreakpoints[nextFluidBreakpointName].fontSize;
-    maxViewportWidth = nextFluidBreakpoint.width;
-
-    return `calc(${minFontSize} + ${subtract(
-      maxFontSize,
-      minFontSize
-    )} * ((100vw - ${minViewportWidth}) / ${subtract(
-      maxViewportWidth,
-      minViewportWidth
-    )}))`;
-  }
-
-  return minFontSize;
-}
-
-function subtract(a, b) {
-  return parseFloat(a) - parseFloat(b);
-}

package/src/fontFamily.js

@@ -1,30 +0,0 @@
-/**
- * Copyright IBM Corp. 2018, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-// Font family fallbacks for: IBM Plex Mono, IBM Plex Sans, IBM Plex Sans
-// Condensed, IBM Plex Sans Hebrew, and IBM Plex Serif
-export const fontFamilies = {
-  mono: "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace",
-  sans: "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif",
-  sansCondensed:
-    "'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif",
-  sansHebrew:
-    "'IBM Plex Sans Hebrew', 'Helvetica Hebrew', 'Arial Hebrew', sans-serif",
-  serif: "'IBM Plex Serif', 'Georgia', Times, serif",
-};
-
-export function fontFamily(name) {
-  if (!fontFamilies[name]) {
-    throw new Error(
-      `Unable to find font family: \`${name}\`. Expected one of: ` +
-        `[${Object.keys(fontFamilies).join(', ')}]`
-    );
-  }
-  return {
-    fontFamily: fontFamilies[name],
-  };
-}

package/src/fontWeight.js

@@ -1,24 +0,0 @@
-/**
- * Copyright IBM Corp. 2018, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-export const fontWeights = {
-  light: 300,
-  regular: 400,
-  semibold: 600,
-};
-
-export function fontWeight(weight) {
-  if (!fontWeights[weight]) {
-    throw new Error(
-      `Unable to find font weight: \`${weight}\`. Expected one of: ` +
-        `[${Object.keys(fontWeights).join(', ')}]`
-    );
-  }
-  return {
-    fontWeight: fontWeights[weight],
-  };
-}

package/src/index.js

@@ -1,28 +0,0 @@
-/**
- * Copyright IBM Corp. 2018, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { fontFamilies, fontFamily } from './fontFamily';
-import { fontWeights, fontWeight } from './fontWeight';
-import { print } from './print';
-import { reset } from './reset';
-import { getTypeSize, scale } from './scale';
-import * as styles from './styles';
-
-export { fluid } from './fluid';
-export * from './styles';
-export { unstable_tokens } from './tokens';
-export {
-  fontFamilies,
-  fontFamily,
-  fontWeights,
-  fontWeight,
-  print,
-  reset,
-  getTypeSize,
-  scale,
-  styles,
-};

package/src/print.js

@@ -1,36 +0,0 @@
-/**
- * Copyright IBM Corp. 2018, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-export function print(block) {
-  return Object.keys(block).reduce((acc, key, index) => {
-    // Short-circuit on the foreign key 'breakpoints'. This is used in our
-    // tokens for fluid type and should not be printed. In the future, we should
-    // tie this to media query outputs.
-    if (key === 'breakpoints') {
-      return acc;
-    }
-
-    const property = `${paramCase(key)}: ${block[key]};`;
-    if (index === 0) {
-      return property;
-    }
-    return acc + '\n' + property;
-  }, '');
-}
-
-function paramCase(string) {
-  let result = '';
-  for (let i = 0; i < string.length; i++) {
-    const character = string[i];
-    if (character === character.toUpperCase()) {
-      result += '-' + character.toLowerCase();
-      continue;
-    }
-    result += character;
-  }
-  return result;
-}

package/src/reset.js

@@ -1,29 +0,0 @@
-/**
- * Copyright IBM Corp. 2018, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { baseFontSize, px } from '@carbon/layout';
-import { fontFamilies } from './fontFamily';
-import { fontWeights } from './fontWeight';
-
-export const reset = {
-  html: {
-    fontSize: px(baseFontSize),
-  },
-  body: {
-    fontFamily: fontFamilies.sans,
-    fontWeight: fontWeights.regular,
-    textRendering: 'optimizeLegibility',
-    '-webkit-font-smoothing': 'antialiased',
-    '-moz-osx-font-smoothing': 'grayscale',
-  },
-  strong: {
-    fontWeight: fontWeights.semibold,
-  },
-  code: {
-    fontFamily: fontFamilies.mono,
-  },
-};

package/src/scale.js

@@ -1,30 +0,0 @@
-/**
- * Copyright IBM Corp. 2018, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * Get the type size for the given step
- * @param {number} step
- * @returns {number}
- */
-export function getTypeSize(step) {
-  if (step <= 1) {
-    return 12;
-  }
-  // Yn = Yn-1 + {FLOOR[(n - 2) / 4] + 1} * 2
-  return getTypeSize(step - 1) + Math.floor((step - 2) / 4 + 1) * 2;
-}
-
-/**
- * The default type scale for 23 steps. Inlined as an array here through running
- * the follow step:
- *
- * > Array.from({ length: 23 }, (_, i) => getTypeSize(i + 1))
- */
-export const scale = [
-  12, 14, 16, 18, 20, 24, 28, 32, 36, 42, 48, 54, 60, 68, 76, 84, 92, 102, 112,
-  122, 132, 144, 156,
-];