@razorpay/blade 10.23.4 → 11.0.0

package/build/lib/web/development/components/Typography/Heading/Heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","sources":["../../../../../../../src/components/Typography/Heading/Heading.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { ReactElement } from 'react';\nimport { BaseText } from '../BaseText';\nimport type { BaseTextProps, BaseTextSizes } from '../BaseText/types';\nimport { useValidateAsProp } from '../utils';\nimport type { ColorContrast, ColorContrastTypes, TextTypes } from '~tokens/theme/theme';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { Theme } from '~components/BladeProvider';\nimport { isReactNative } from '~utils';\nimport type { TestID } from '~utils/types';\nimport { throwBladeError } from '~utils/logger';\n\ntype HeadingVariant = 'regular' | 'subheading';\n\nconst validAsValues = ['span', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'] as const;\ntype HeadingCommonProps = {\n  as?: typeof validAsValues[number];\n  /**\n   * Overrides the color of the Heading component.\n   *\n   * **Note** This takes priority over `type` and `contrast` prop to decide color of heading\n   */\n  color?: BaseTextProps['color'];\n  type?: TextTypes;\n  contrast?: ColorContrastTypes;\n  children: React.ReactNode;\n  textAlign?: BaseTextProps['textAlign'];\n  textDecorationLine?: BaseTextProps['textDecorationLine'];\n} & TestID &\n  StyledPropsBlade;\n\ntype HeadingNormalVariant = HeadingCommonProps & {\n  variant?: Exclude<HeadingVariant, 'subheading'>;\n  /**\n   *\n   * @default small\n   */\n  size?: Extract<BaseTextSizes, 'small' | 'medium' | 'large'>;\n  weight?: keyof Theme['typography']['fonts']['weight'];\n};\n\ntype HeadingSubHeadingVariant = HeadingCommonProps & {\n  variant?: Extract<HeadingVariant, 'subheading'>;\n  /**\n   * `size` cannot be used with variant=\"subheading\". Either change to variant=\"regular\" or remove size prop\n   */\n  size?: undefined;\n  weight?: keyof Pick<Theme['typography']['fonts']['weight'], 'bold'>;\n};\n\n/**\n * Conditionally changing props based on variant.\n * Overloads or union gives wrong intellisense.\n */\nexport type HeadingProps<T> = T extends {\n  variant: infer Variant;\n}\n  ? Variant extends Exclude<HeadingVariant, 'subheading'>\n    ? HeadingNormalVariant\n    : Variant extends 'subheading'\n    ? HeadingSubHeadingVariant\n    : T\n  : T;\n\nconst getProps = <T extends { variant: HeadingVariant }>({\n  as,\n  variant,\n  size,\n  type,\n  weight,\n  contrast,\n  color,\n  testID,\n}: Pick<\n  HeadingProps<T>,\n  'as' | 'variant' | 'size' | 'type' | 'weight' | 'contrast' | 'color' | 'testID'\n>): Omit<BaseTextProps, 'children'> => {\n  const colorContrast: keyof ColorContrast = contrast ? `${contrast!}Contrast` : 'lowContrast';\n  const props: Omit<BaseTextProps, 'children'> = {\n    color: color ?? `surface.text.${type ?? 'normal'}.${colorContrast}`,\n    fontSize: 200,\n    fontWeight: weight ?? 'bold',\n    fontStyle: 'normal',\n    lineHeight: 300,\n    fontFamily: 'text',\n    accessibilityProps: isReactNative() ? { role: 'heading' } : {},\n    componentName: 'heading',\n    testID,\n  };\n\n  if (variant === 'regular') {\n    if (!size || size === 'small') {\n      props.fontSize = 200;\n      props.lineHeight = 300;\n      props.as = 'h6';\n    } else if (size === 'medium') {\n      props.fontSize = 300;\n      props.lineHeight = 200;\n      props.as = 'h5';\n    } else if (size === 'large') {\n      props.fontSize = 400;\n      props.lineHeight = 400;\n      props.as = 'h4';\n    }\n  } else if (variant === 'subheading') {\n    if (__DEV__) {\n      if (weight === 'regular') {\n        throwBladeError({\n          moduleName: 'Heading',\n          message: `weight cannot be 'regular' when variant is 'subheading'`,\n        });\n      }\n      if (size) {\n        throwBladeError({\n          moduleName: 'Heading',\n          message: `size prop cannot be added when variant is 'subheading'. Use variant 'regular' or remove size prop`,\n        });\n      }\n    }\n    props.fontSize = 75;\n    props.lineHeight = 50;\n    props.as = 'p';\n  }\n\n  // override the computed `as` prop if user passed an `as` prop\n  props.as = as || props.as;\n  return props;\n};\n\nexport const Heading = <T extends { variant: HeadingVariant }>({\n  as,\n  variant = 'regular',\n  size, // Not setting default value since the `size` should be undefined with variant=\"subheading\"\n  type = 'normal',\n  weight = 'bold',\n  contrast = 'low',\n  color,\n  children,\n  testID,\n  textAlign,\n  textDecorationLine,\n  ...styledProps\n}: HeadingProps<T>): ReactElement => {\n  useValidateAsProp({ componentName: 'Heading', as, validAsValues });\n\n  const props = getProps({ as, variant, size, type, weight, color, contrast, testID });\n\n  return (\n    <BaseText\n      {...props}\n      textAlign={textAlign}\n      textDecorationLine={textDecorationLine}\n      {...getStyledProps(styledProps)}\n    >\n      {children}\n    </BaseText>\n  );\n};\n"],"names":["validAsValues","getProps","_ref","as","variant","size","type","weight","contrast","color","testID","colorContrast","concat","props","fontSize","fontWeight","fontStyle","lineHeight","fontFamily","accessibilityProps","isReactNative","role","componentName","throwBladeError","moduleName","message","Heading","_ref2","_ref2$variant","_ref2$type","_ref2$weight","_ref2$contrast","children","textAlign","textDecorationLine","styledProps","_objectWithoutProperties","_excluded","useValidateAsProp","_jsx","BaseText","_objectSpread","getStyledProps"],"mappings":"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"}
+{"version":3,"file":"Heading.js","sources":["../../../../../../../src/components/Typography/Heading/Heading.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { ReactElement } from 'react';\nimport { BaseText } from '../BaseText';\nimport type { BaseTextProps, BaseTextSizes } from '../BaseText/types';\nimport { useValidateAsProp } from '../utils';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { isReactNative } from '~utils';\nimport type { TestID } from '~utils/types';\n\nconst validAsValues = ['span', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'] as const;\nexport type HeadingProps = {\n  as?: typeof validAsValues[number];\n  /**\n   * Overrides the color of the Heading component.\n   *\n   * **Note** This takes priority over `type` and `contrast` prop to decide color of heading\n   */\n  color?: BaseTextProps['color'];\n  weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'semibold'>;\n  children: React.ReactNode;\n  textAlign?: BaseTextProps['textAlign'];\n  textDecorationLine?: BaseTextProps['textDecorationLine'];\n  size?: Extract<BaseTextSizes, 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge'>;\n} & TestID &\n  StyledPropsBlade;\n\nconst getProps = ({\n  as,\n  size,\n  weight,\n  color,\n  testID,\n}: Pick<HeadingProps, 'as' | 'size' | 'weight' | 'color' | 'testID'>): Omit<\n  BaseTextProps,\n  'children'\n> => {\n  const props: Omit<BaseTextProps, 'children'> = {\n    color,\n    fontSize: 300,\n    fontWeight: weight ?? 'semibold',\n    fontStyle: 'normal',\n    lineHeight: 300,\n    fontFamily: 'heading',\n    accessibilityProps: isReactNative() ? { role: 'heading' } : {},\n    componentName: 'heading',\n    testID,\n  };\n\n  if (size === 'small') {\n    props.fontSize = 300;\n    props.lineHeight = 300;\n    props.as = 'h6';\n  } else if (size === 'medium') {\n    props.fontSize = 400;\n    props.lineHeight = 400;\n    props.as = 'h5';\n  } else if (size === 'large') {\n    props.fontSize = 500;\n    props.lineHeight = 500;\n    props.as = 'h4';\n  } else if (size === 'xlarge') {\n    props.fontSize = 600;\n    props.lineHeight = 600;\n    props.as = 'h3';\n  } else if (size === '2xlarge') {\n    props.fontSize = 700;\n    props.lineHeight = 700;\n    props.as = 'h2';\n  }\n\n  // override the computed `as` prop if user passed an `as` prop\n  props.as = as || props.as;\n  return props;\n};\n\nexport const Heading = ({\n  as,\n  size = 'small',\n  weight = 'semibold',\n  color = 'surface.text.gray.normal',\n  children,\n  testID,\n  textAlign,\n  textDecorationLine,\n  ...styledProps\n}: HeadingProps): ReactElement => {\n  useValidateAsProp({ componentName: 'Heading', as, validAsValues });\n\n  const props = getProps({ as, size, weight, color, testID });\n\n  return (\n    <BaseText\n      {...props}\n      textAlign={textAlign}\n      textDecorationLine={textDecorationLine}\n      {...getStyledProps(styledProps)}\n    >\n      {children}\n    </BaseText>\n  );\n};\n"],"names":["validAsValues","getProps","_ref","as","size","weight","color","testID","props","fontSize","fontWeight","fontStyle","lineHeight","fontFamily","accessibilityProps","isReactNative","role","componentName","Heading","_ref2","_ref2$size","_ref2$weight","_ref2$color","children","textAlign","textDecorationLine","styledProps","_objectWithoutProperties","_excluded","useValidateAsProp","_jsx","BaseText","_objectSpread","getStyledProps"],"mappings":"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"}

package/build/lib/web/development/components/Typography/Text/Text.js

@@ -12,10 +12,10 @@ import { BaseText } from '../BaseText/BaseText.web.js';
 import { getStyledProps } from '../../Box/styledProps/getStyledProps.js';
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["as", "variant", "weight", "size", "type", "contrast", "truncateAfterLines", "children", "color", "testID", "textAlign", "textDecorationLine", "wordBreak"];
+var _excluded = ["as", "variant", "weight", "size", "truncateAfterLines", "children", "color", "testID", "textAlign", "textDecorationLine", "wordBreak"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var validAsValues = ['p', 'span', 'div', 'abbr', 'figcaption', 'cite', 'q'];
+var validAsValues = ['p', 'span', 'div', 'abbr', 'figcaption', 'cite', 'q', 'label'];
 
 /**
  * Conditionally changing props based on variant.
@@ -24,17 +24,15 @@ var validAsValues = ['p', 'span', 'div', 'abbr', 'figcaption', 'cite', 'q'];
 
 var getTextProps = function getTextProps(_ref) {
   var variant = _ref.variant,
-    type = _ref.type,
     weight = _ref.weight,
     size = _ref.size,
-    color = _ref.color,
-    contrast = _ref.contrast,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'surface.text.gray.normal' : _ref$color,
     testID = _ref.testID,
     textAlign = _ref.textAlign,
     textDecorationLine = _ref.textDecorationLine;
-  var colorContrast = contrast ? "".concat(contrast, "Contrast") : 'lowContrast';
   var props = {
-    color: color !== null && color !== void 0 ? color : "surface.text.".concat(type !== null && type !== void 0 ? type : 'normal', ".").concat(colorContrast),
+    color: color,
     fontSize: 100,
     fontWeight: weight !== null && weight !== void 0 ? weight : 'regular',
     fontStyle: 'normal',
@@ -45,14 +43,29 @@ var getTextProps = function getTextProps(_ref) {
     textAlign: textAlign,
     textDecorationLine: textDecorationLine
   };
+  if (variant === 'caption') {
+    // variant of caption can only have size of small
+    if (size && size !== 'small') {
+      if (true) {
+        throwBladeError({
+          moduleName: 'Text',
+          message: "size cannot be '".concat(size, "' when variant is 'caption'")
+        });
+      }
+    }
+    // Force size to be small if variant is caption
+    size = 'small';
+  } else if (variant !== 'caption' && !size) {
+    size = 'medium';
+  }
   if (variant === 'body') {
     if (size === 'xsmall') {
       props.fontSize = 25;
-      props.lineHeight = 50;
+      props.lineHeight = 25;
     }
     if (size === 'small') {
       props.fontSize = 75;
-      props.lineHeight = 50;
+      props.lineHeight = 75;
     }
     if (size === 'medium') {
       props.fontSize = 100;
@@ -60,18 +73,14 @@ var getTextProps = function getTextProps(_ref) {
     }
     if (size === 'large') {
       props.fontSize = 200;
-      props.lineHeight = 300;
+      props.lineHeight = 200;
     }
   }
   if (variant === 'caption') {
-    if (size === 'medium') {
+    if (size === 'small') {
       props.fontSize = 50;
       props.lineHeight = 50;
-    } else if (true) {
-      throwBladeError({
-        moduleName: 'Text',
-        message: "size cannot be '".concat(size, "' when variant is 'caption'")
-      });
+      props.fontWeight = 'regular';
     }
     props.fontStyle = 'italic';
   }
@@ -84,12 +93,7 @@ var _Text = function _Text(_ref2) {
     variant = _ref2$variant === void 0 ? 'body' : _ref2$variant,
     _ref2$weight = _ref2.weight,
     weight = _ref2$weight === void 0 ? 'regular' : _ref2$weight,
-    _ref2$size = _ref2.size,
-    size = _ref2$size === void 0 ? 'medium' : _ref2$size,
-    _ref2$type = _ref2.type,
-    type = _ref2$type === void 0 ? 'normal' : _ref2$type,
-    _ref2$contrast = _ref2.contrast,
-    contrast = _ref2$contrast === void 0 ? 'low' : _ref2$contrast,
+    size = _ref2.size,
     truncateAfterLines = _ref2.truncateAfterLines,
     children = _ref2.children,
     color = _ref2.color,
@@ -104,11 +108,9 @@ var _Text = function _Text(_ref2) {
     wordBreak: wordBreak
   }, getTextProps({
     variant: variant,
-    type: type,
     weight: weight,
     color: color,
     size: size,
-    contrast: contrast,
     testID: testID,
     textAlign: textAlign,
     textDecorationLine: textDecorationLine

package/build/lib/web/development/components/Typography/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../../../../../src/components/Typography/Text/Text.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { ReactElement } from 'react';\nimport React from 'react';\nimport { BaseText } from '../BaseText';\nimport type { BaseTextProps, BaseTextSizes } from '../BaseText/types';\nimport { useValidateAsProp } from '../utils';\nimport type { Theme } from '~components/BladeProvider';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { ColorContrast, ColorContrastTypes, TextTypes } from '~tokens/theme/theme';\nimport type { TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\n\nconst validAsValues = ['p', 'span', 'div', 'abbr', 'figcaption', 'cite', 'q'] as const;\ntype TextCommonProps = {\n  as?: typeof validAsValues[number];\n  type?: TextTypes;\n  contrast?: ColorContrastTypes;\n  truncateAfterLines?: number;\n  children: React.ReactNode;\n  weight?: keyof Theme['typography']['fonts']['weight'];\n  /**\n   * Overrides the color of the Text component.\n   *\n   * **Note** This takes priority over `type` and `contrast` prop to decide color of text\n   */\n  color?: BaseTextProps['color'];\n  textAlign?: BaseTextProps['textAlign'];\n  textDecorationLine?: BaseTextProps['textDecorationLine'];\n  wordBreak?: BaseTextProps['wordBreak'];\n} & TestID &\n  StyledPropsBlade;\n\nexport type TextVariant = 'body' | 'caption';\n\ntype TextBodyVariant = TextCommonProps & {\n  variant?: Extract<TextVariant, 'body'>;\n  size?: Extract<BaseTextSizes, 'xsmall' | 'small' | 'medium' | 'large'>;\n};\n\ntype TextCaptionVariant = TextCommonProps & {\n  variant?: Extract<TextVariant, 'caption'>;\n  size?: Extract<BaseTextSizes, 'medium'>;\n};\n\n/**\n * Conditionally changing props based on variant.\n * Overloads or union gives wrong intellisense.\n */\nexport type TextProps<T> = T extends {\n  variant: infer Variant;\n}\n  ? Variant extends 'caption'\n    ? TextCaptionVariant\n    : Variant extends 'body'\n    ? TextBodyVariant\n    : T\n  : T;\n\ntype GetTextPropsReturn = Omit<BaseTextProps, 'children'>;\ntype GetTextProps<T extends { variant: TextVariant }> = Pick<\n  TextProps<T>,\n  | 'type'\n  | 'variant'\n  | 'weight'\n  | 'size'\n  | 'contrast'\n  | 'color'\n  | 'testID'\n  | 'textAlign'\n  | 'textDecorationLine'\n>;\nconst getTextProps = <T extends { variant: TextVariant }>({\n  variant,\n  type,\n  weight,\n  size,\n  color,\n  contrast,\n  testID,\n  textAlign,\n  textDecorationLine,\n}: GetTextProps<T>): GetTextPropsReturn => {\n  const colorContrast: keyof ColorContrast = contrast ? `${contrast!}Contrast` : 'lowContrast';\n  const props: GetTextPropsReturn = {\n    color: color ?? `surface.text.${type ?? 'normal'}.${colorContrast}`,\n    fontSize: 100,\n    fontWeight: weight ?? 'regular',\n    fontStyle: 'normal',\n    lineHeight: 100,\n    fontFamily: 'text',\n    componentName: 'text',\n    testID,\n    textAlign,\n    textDecorationLine,\n  };\n\n  if (variant === 'body') {\n    if (size === 'xsmall') {\n      props.fontSize = 25;\n      props.lineHeight = 50;\n    }\n    if (size === 'small') {\n      props.fontSize = 75;\n      props.lineHeight = 50;\n    }\n    if (size === 'medium') {\n      props.fontSize = 100;\n      props.lineHeight = 100;\n    }\n    if (size === 'large') {\n      props.fontSize = 200;\n      props.lineHeight = 300;\n    }\n  }\n  if (variant === 'caption') {\n    if (size === 'medium') {\n      props.fontSize = 50;\n      props.lineHeight = 50;\n    } else if (__DEV__) {\n      throwBladeError({\n        moduleName: 'Text',\n        message: `size cannot be '${size}' when variant is 'caption'`,\n      });\n    }\n    props.fontStyle = 'italic';\n  }\n\n  return props;\n};\n\nconst _Text = <T extends { variant: TextVariant }>({\n  as = 'p',\n  variant = 'body',\n  weight = 'regular',\n  size = 'medium',\n  type = 'normal',\n  contrast = 'low',\n  truncateAfterLines,\n  children,\n  color,\n  testID,\n  textAlign,\n  textDecorationLine,\n  wordBreak,\n  ...styledProps\n}: TextProps<T>): ReactElement => {\n  const props: Omit<BaseTextProps, 'children'> = {\n    as,\n    truncateAfterLines,\n    wordBreak,\n    ...getTextProps({\n      variant,\n      type,\n      weight,\n      color,\n      size,\n      contrast,\n      testID,\n      textAlign,\n      textDecorationLine,\n    }),\n  };\n\n  useValidateAsProp({ componentName: 'Text', as, validAsValues });\n\n  return (\n    <BaseText {...props} {...getStyledProps(styledProps)}>\n      {children}\n    </BaseText>\n  );\n};\n\nconst Text = assignWithoutSideEffects(_Text, {\n  displayName: 'Text',\n  componentId: 'Text',\n});\n\nexport { Text, getTextProps };\n"],"names":["validAsValues","getTextProps","_ref","variant","type","weight","size","color","contrast","testID","textAlign","textDecorationLine","colorContrast","concat","props","fontSize","fontWeight","fontStyle","lineHeight","fontFamily","componentName","throwBladeError","moduleName","message","_Text","_ref2","_ref2$as","as","_ref2$variant","_ref2$weight","_ref2$size","_ref2$type","_ref2$contrast","truncateAfterLines","children","wordBreak","styledProps","_objectWithoutProperties","_excluded","_objectSpread","useValidateAsProp","_jsx","BaseText","getStyledProps","Text","assignWithoutSideEffects","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"Text.js","sources":["../../../../../../../src/components/Typography/Text/Text.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { ReactElement } from 'react';\nimport React from 'react';\nimport { BaseText } from '../BaseText';\nimport type { BaseTextProps, BaseTextSizes } from '../BaseText/types';\nimport { useValidateAsProp } from '../utils';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\n\nconst validAsValues = ['p', 'span', 'div', 'abbr', 'figcaption', 'cite', 'q', 'label'] as const;\ntype TextCommonProps = {\n  as?: typeof validAsValues[number];\n  truncateAfterLines?: number;\n  children: React.ReactNode;\n  weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;\n  /**\n   * Overrides the color of the Text component.\n   *\n   * **Note** This takes priority over `type` and `contrast` prop to decide color of text\n   */\n  color?: BaseTextProps['color'];\n  textAlign?: BaseTextProps['textAlign'];\n  textDecorationLine?: BaseTextProps['textDecorationLine'];\n  wordBreak?: BaseTextProps['wordBreak'];\n} & TestID &\n  StyledPropsBlade;\n\nexport type TextVariant = 'body' | 'caption';\n\ntype TextBodyVariant = TextCommonProps & {\n  variant?: Extract<TextVariant, 'body'>;\n  size?: Extract<BaseTextSizes, 'xsmall' | 'small' | 'medium' | 'large'>;\n};\n\ntype TextCaptionVariant = TextCommonProps & {\n  variant?: Extract<TextVariant, 'caption'>;\n  size?: Extract<BaseTextSizes, 'small'>;\n};\n\n/**\n * Conditionally changing props based on variant.\n * Overloads or union gives wrong intellisense.\n */\nexport type TextProps<T> = T extends {\n  variant: infer Variant;\n}\n  ? Variant extends 'caption'\n    ? TextCaptionVariant\n    : Variant extends 'body'\n    ? TextBodyVariant\n    : T\n  : T;\n\ntype GetTextPropsReturn = Omit<BaseTextProps, 'children'>;\ntype GetTextProps<T extends { variant: TextVariant }> = Pick<\n  TextProps<T>,\n  'variant' | 'weight' | 'size' | 'color' | 'testID' | 'textAlign' | 'textDecorationLine'\n>;\n\nconst getTextProps = <T extends { variant: TextVariant }>({\n  variant,\n  weight,\n  size,\n  color = 'surface.text.gray.normal',\n  testID,\n  textAlign,\n  textDecorationLine,\n}: GetTextProps<T>): GetTextPropsReturn => {\n  const props: GetTextPropsReturn = {\n    color,\n    fontSize: 100,\n    fontWeight: weight ?? 'regular',\n    fontStyle: 'normal',\n    lineHeight: 100,\n    fontFamily: 'text',\n    componentName: 'text',\n    testID,\n    textAlign,\n    textDecorationLine,\n  };\n\n  if (variant === 'caption') {\n    // variant of caption can only have size of small\n    if (size && size !== 'small') {\n      if (__DEV__) {\n        throwBladeError({\n          moduleName: 'Text',\n          message: `size cannot be '${size}' when variant is 'caption'`,\n        });\n      }\n    }\n    // Force size to be small if variant is caption\n    size = 'small';\n  } else if (variant !== 'caption' && !size) {\n    size = 'medium';\n  }\n\n  if (variant === 'body') {\n    if (size === 'xsmall') {\n      props.fontSize = 25;\n      props.lineHeight = 25;\n    }\n    if (size === 'small') {\n      props.fontSize = 75;\n      props.lineHeight = 75;\n    }\n    if (size === 'medium') {\n      props.fontSize = 100;\n      props.lineHeight = 100;\n    }\n    if (size === 'large') {\n      props.fontSize = 200;\n      props.lineHeight = 200;\n    }\n  }\n  if (variant === 'caption') {\n    if (size === 'small') {\n      props.fontSize = 50;\n      props.lineHeight = 50;\n      props.fontWeight = 'regular';\n    }\n    props.fontStyle = 'italic';\n  }\n\n  return props;\n};\n\nconst _Text = <T extends { variant: TextVariant }>({\n  as = 'p',\n  variant = 'body',\n  weight = 'regular',\n  size,\n  truncateAfterLines,\n  children,\n  color,\n  testID,\n  textAlign,\n  textDecorationLine,\n  wordBreak,\n  ...styledProps\n}: TextProps<T>): ReactElement => {\n  const props: Omit<BaseTextProps, 'children'> = {\n    as,\n    truncateAfterLines,\n    wordBreak,\n    ...getTextProps({\n      variant,\n      weight,\n      color,\n      size,\n      testID,\n      textAlign,\n      textDecorationLine,\n    }),\n  };\n\n  useValidateAsProp({ componentName: 'Text', as, validAsValues });\n\n  return (\n    <BaseText {...props} {...getStyledProps(styledProps)}>\n      {children}\n    </BaseText>\n  );\n};\n\nconst Text = assignWithoutSideEffects(_Text, {\n  displayName: 'Text',\n  componentId: 'Text',\n});\n\nexport { Text, getTextProps };\n"],"names":["validAsValues","getTextProps","_ref","variant","weight","size","_ref$color","color","testID","textAlign","textDecorationLine","props","fontSize","fontWeight","fontStyle","lineHeight","fontFamily","componentName","throwBladeError","moduleName","message","concat","_Text","_ref2","_ref2$as","as","_ref2$variant","_ref2$weight","truncateAfterLines","children","wordBreak","styledProps","_objectWithoutProperties","_excluded","_objectSpread","useValidateAsProp","_jsx","BaseText","getStyledProps","Text","assignWithoutSideEffects","displayName","componentId"],"mappings":"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"}

package/build/lib/web/development/components/Typography/Text/getTextStyles.js

@@ -6,17 +6,15 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var getTextStyles = function getTextStyles(_ref) {
   var variant = _ref.variant,
-    type = _ref.type,
     weight = _ref.weight,
     size = _ref.size,
-    contrast = _ref.contrast,
-    theme = _ref.theme;
+    theme = _ref.theme,
+    color = _ref.color;
   return getBaseTextStyles(_objectSpread(_objectSpread({}, getTextProps({
     variant: variant,
-    type: type,
     weight: weight,
     size: size,
-    contrast: contrast
+    color: color
   })), {}, {
     theme: theme
   }));

package/build/lib/web/development/components/Typography/Text/getTextStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"getTextStyles.js","sources":["../../../../../../../src/components/Typography/Text/getTextStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport getBaseTextStyles from '../BaseText/getBaseTextStyles';\nimport type { TextProps, TextVariant } from './Text';\nimport { getTextProps } from './Text';\nimport type { Theme } from '~components/BladeProvider';\n\nconst getTextStyles = <T extends { variant: TextVariant }>({\n  variant,\n  type,\n  weight,\n  size,\n  contrast,\n  theme,\n}: Pick<TextProps<T>, 'type' | 'variant' | 'weight' | 'size' | 'contrast'> & {\n  theme: Theme;\n}): CSSObject => {\n  return getBaseTextStyles({ ...getTextProps({ variant, type, weight, size, contrast }), theme });\n};\n\nexport default getTextStyles;\n"],"names":["getTextStyles","_ref","variant","type","weight","size","contrast","theme","getBaseTextStyles","_objectSpread","getTextProps"],"mappings":";;;;;;AAMA,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EASF;AAAA,EAAA,IARfC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IACJC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,KAAK,GAAAN,IAAA,CAALM,KAAK,CAAA;AAIL,EAAA,OAAOC,iBAAiB,CAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAMC,YAAY,CAAC;AAAER,IAAAA,OAAO,EAAPA,OAAO;AAAEC,IAAAA,IAAI,EAAJA,IAAI;AAAEC,IAAAA,MAAM,EAANA,MAAM;AAAEC,IAAAA,IAAI,EAAJA,IAAI;AAAEC,IAAAA,QAAQ,EAARA,QAAAA;AAAS,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAAEC,IAAAA,KAAK,EAALA,KAAAA;AAAK,GAAA,CAAE,CAAC,CAAA;AACjG;;;;"}
+{"version":3,"file":"getTextStyles.js","sources":["../../../../../../../src/components/Typography/Text/getTextStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport getBaseTextStyles from '../BaseText/getBaseTextStyles';\nimport type { TextProps, TextVariant } from './Text';\nimport { getTextProps } from './Text';\nimport type { Theme } from '~components/BladeProvider';\n\nconst getTextStyles = <T extends { variant: TextVariant }>({\n  variant,\n  weight,\n  size,\n  theme,\n  color,\n}: Pick<TextProps<T>, 'variant' | 'weight' | 'size' | 'color'> & {\n  theme: Theme;\n}): CSSObject => {\n  return getBaseTextStyles({ ...getTextProps({ variant, weight, size, color }), theme });\n};\n\nexport default getTextStyles;\n"],"names":["getTextStyles","_ref","variant","weight","size","theme","color","getBaseTextStyles","_objectSpread","getTextProps"],"mappings":";;;;;;AAMA,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAQF;AAAA,EAAA,IAPfC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IACLC,KAAK,GAAAL,IAAA,CAALK,KAAK,CAAA;AAIL,EAAA,OAAOC,iBAAiB,CAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAMC,YAAY,CAAC;AAAEP,IAAAA,OAAO,EAAPA,OAAO;AAAEC,IAAAA,MAAM,EAANA,MAAM;AAAEC,IAAAA,IAAI,EAAJA,IAAI;AAAEE,IAAAA,KAAK,EAALA,KAAAA;AAAM,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAAED,IAAAA,KAAK,EAALA,KAAAA;AAAK,GAAA,CAAE,CAAC,CAAA;AACxF;;;;"}

package/build/lib/web/development/components/Typography/index.js

@@ -1,4 +1,3 @@
-import './Title/index.js';
 import './Heading/index.js';
 import './Text/index.js';
 import './Code/index.js';

package/build/lib/web/development/components/Typography/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/build/lib/web/development/components/index.js

@@ -1,67 +1,78 @@
+import './Accordion/index.js';
 import './ActionList/index.js';
 import './Alert/index.js';
+import './Amount/index.js';
 import './Badge/index.js';
 import './BladeProvider/index.js';
+import './BottomSheet/index.js';
 import './Box/index.js';
-import './Card/index.js';
 import './Button/index.js';
 import './Button/IconButton/index.js';
-import './Counter/index.js';
-import './Checkbox/index.js';
+import './Card/index.js';
 import './Carousel/index.js';
+import './Checkbox/index.js';
 import './Chip/index.js';
+import './Collapsible/index.js';
+import './Counter/index.js';
 import './Divider/index.js';
 import './Dropdown/index.js';
 import './Icons/index.js';
-import './Input/TextInput/index.js';
+import './Indicator/index.js';
+import './Input/DropdownInputTriggers/index.js';
+import './Input/OTPInput/index.js';
 import './Input/PasswordInput/index.js';
 import './Input/TextArea/index.js';
-import './Input/OTPInput/index.js';
-import './Input/DropdownInputTriggers/index.js';
-import './Indicator/index.js';
+import './Input/TextInput/index.js';
 import './Link/index.js';
 import './List/index.js';
 import './LiveAnnouncer/index.web.js';
 import './Modal/index.js';
+import './Popover/index.js';
 import './ProgressBar/index.js';
 import './Radio/index.js';
-import './Spinner/index.js';
+import './Skeleton/index.js';
 import './SkipNav/index.web.js';
+import './Spinner/index.js';
+import './SpotlightPopoverTour/index.js';
 import './Switch/index.js';
-import './Tag/index.js';
-import './Tabs/index.js';
 import './Table/index.js';
-import './Skeleton/index.js';
-import './Typography/index.js';
-import './VisuallyHidden/index.web.js';
-import './Amount/index.js';
-import './BottomSheet/index.js';
-import './Accordion/index.js';
-import './Collapsible/index.js';
+import './Tabs/index.js';
+import './Tag/index.js';
 import './Tooltip/index.js';
-import './Popover/index.js';
-import './SpotlightPopoverTour/index.js';
 import './types.js';
-export { ActionList, useActionListContext } from './ActionList/ActionList.js';
+import './Typography/index.js';
+import './VisuallyHidden/index.web.js';
+export { Accordion } from './Accordion/Accordion.js';
+export { AccordionItem } from './Accordion/AccordionItem.js';
+export { ActionList } from './ActionList/ActionList.js';
 export { ActionListItem, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemText, ActionListSection } from './ActionList/ActionListItem.js';
 export { ActionListItemAsset } from './ActionList/ActionListItemAsset.web.js';
 export { Alert } from './Alert/Alert.js';
+export { Amount } from './Amount/Amount.js';
 export { Badge } from './Badge/Badge.js';
 export { BladeProvider } from './BladeProvider/BladeProvider.web.js';
 export { default as useTheme } from './BladeProvider/useTheme.js';
+export { BottomSheet } from './BottomSheet/BottomSheet.web.js';
+export { BottomSheetBody } from './BottomSheet/BottomSheetBody.web.js';
+export { BottomSheetFooter } from './BottomSheet/BottomSheetFooter.web.js';
+export { BottomSheetHeader } from './BottomSheet/BottomSheetHeader.web.js';
 export { Box } from './Box/Box.js';
-export { Card, CardBody, ComponentIds } from './Card/Card.js';
-export { CardHeader, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing } from './Card/CardHeader.js';
-export { CardFooter, CardFooterLeading, CardFooterTrailing } from './Card/CardFooter.js';
 export { default as Button } from './Button/Button/Button.js';
 export { IconButton } from './Button/IconButton/IconButton.js';
-export { Counter } from './Counter/Counter.js';
-export { Checkbox } from './Checkbox/Checkbox.js';
-export { CheckboxGroup } from './Checkbox/CheckboxGroup/CheckboxGroup.js';
+export { Card, CardBody, ComponentIds } from './Card/Card.js';
+export { CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing } from './Card/CardHeader.js';
+export { CardFooter, CardFooterLeading, CardFooterTrailing } from './Card/CardFooter.js';
 export { Carousel } from './Carousel/Carousel.web.js';
 export { CarouselItem } from './Carousel/CarouselItem.web.js';
+export { Checkbox } from './Checkbox/Checkbox.js';
+export { CheckboxGroup } from './Checkbox/CheckboxGroup/CheckboxGroup.js';
 export { Chip } from './Chip/Chip.js';
 export { ChipGroup } from './Chip/ChipGroup.js';
+export { Collapsible } from './Collapsible/Collapsible.js';
+export { CollapsibleLink } from './Collapsible/CollapsibleLink.js';
+export { CollapsibleButton } from './Collapsible/CollapsibleButton.js';
+export { CollapsibleBody } from './Collapsible/CollapsibleBody.js';
+export { Counter } from './Counter/Counter.js';
 export { Divider } from './Divider/Divider.js';
 export { Dropdown } from './Dropdown/Dropdown.js';
 export { DropdownOverlay } from './Dropdown/DropdownOverlay.web.js';
@@ -340,13 +351,13 @@ export { default as MenuDotsIcon } from './Icons/MenuDotsIcon/MenuDotsIcon.js';
 export { default as SendIcon } from './Icons/SendIcon/SendIcon.js';
 export { default as MailOpenIcon } from './Icons/MailOpenIcon/MailOpenIcon.js';
 export { default as BulkPayoutsIcon } from './Icons/BulkPayoutsIcon/BulkPayoutsIcon.js';
-export { TextInput } from './Input/TextInput/TextInput.js';
-export { PasswordInput } from './Input/PasswordInput/PasswordInput.js';
-export { TextArea } from './Input/TextArea/TextArea.js';
-export { OTPInput } from './Input/OTPInput/OTPInput.js';
+export { Indicator } from './Indicator/Indicator.js';
 export { SelectInput } from './Input/DropdownInputTriggers/SelectInput.js';
 export { AutoComplete } from './Input/DropdownInputTriggers/AutoComplete.js';
-export { Indicator } from './Indicator/Indicator.js';
+export { OTPInput } from './Input/OTPInput/OTPInput.js';
+export { PasswordInput } from './Input/PasswordInput/PasswordInput.js';
+export { TextArea } from './Input/TextArea/TextArea.js';
+export { TextInput } from './Input/TextInput/TextInput.js';
 export { default as Link } from './Link/Link/Link.js';
 export { List } from './List/List.js';
 export { ListItem } from './List/ListItem.js';
@@ -358,47 +369,35 @@ export { Modal } from './Modal/Modal.web.js';
 export { ModalBody } from './Modal/ModalBody.web.js';
 export { ModalHeader } from './Modal/ModalHeader.web.js';
 export { ModalFooter } from './Modal/ModalFooter.web.js';
+export { Popover } from './Popover/Popover.web.js';
+export { PopoverInteractiveWrapper } from './Popover/PopoverInteractiveWrapper.web.js';
 export { ProgressBar } from './ProgressBar/ProgressBar.js';
 export { Radio } from './Radio/Radio.js';
 export { RadioGroup } from './Radio/RadioGroup/RadioGroup.js';
-export { Spinner } from './Spinner/Spinner/Spinner.js';
+export { Skeleton } from './Skeleton/Skeleton.js';
 export { SkipNavContent, SkipNavLink } from './SkipNav/SkipNav.web.js';
+export { Spinner } from './Spinner/Spinner/Spinner.js';
+export { SpotlightPopoverTour } from './SpotlightPopoverTour/Tour.web.js';
+export { SpotlightPopoverTourFooter } from './SpotlightPopoverTour/TourFooter.web.js';
+export { SpotlightPopoverTourStep } from './SpotlightPopoverTour/TourStep.web.js';
 export { Switch } from './Switch/Switch.js';
-export { Tag } from './Tag/Tag.js';
-export { Tabs } from './Tabs/Tabs.web.js';
-export { TabItem } from './Tabs/TabItem.web.js';
-export { TabList } from './Tabs/TabList.web.js';
-export { TabPanel } from './Tabs/TabPanel.web.js';
 export { Table } from './Table/Table.web.js';
 export { TableHeader, TableHeaderCell, TableHeaderRow } from './Table/TableHeader.web.js';
 export { TableBody, TableCell, TableRow } from './Table/TableBody.web.js';
 export { TableFooter, TableFooterCell, TableFooterRow } from './Table/TableFooter.web.js';
 export { TablePagination } from './Table/TablePagination.web.js';
 export { TableToolbar, TableToolbarActions } from './Table/TableToolbar.web.js';
-export { Skeleton } from './Skeleton/Skeleton.js';
-export { Title } from './Typography/Title/Title.js';
+export { Tabs } from './Tabs/Tabs.web.js';
+export { TabItem } from './Tabs/TabItem.web.js';
+export { TabList } from './Tabs/TabList.web.js';
+export { TabPanel } from './Tabs/TabPanel.web.js';
+export { Tag } from './Tag/Tag.js';
+export { Tooltip } from './Tooltip/Tooltip.web.js';
+export { TooltipInteractiveWrapper } from './Tooltip/TooltipInteractiveWrapper.web.js';
 export { Heading } from './Typography/Heading/Heading.js';
 export { Text, getTextProps } from './Typography/Text/Text.js';
 export { Code } from './Typography/Code/Code.js';
 export { Display } from './Typography/Display/Display.js';
 export { VisuallyHidden } from './VisuallyHidden/VisuallyHidden.web.js';
 export { screenReaderStyles } from './VisuallyHidden/ScreenReaderStyles.js';
-export { Amount } from './Amount/Amount.js';
-export { BottomSheet } from './BottomSheet/BottomSheet.web.js';
-export { BottomSheetBody } from './BottomSheet/BottomSheetBody.web.js';
-export { BottomSheetFooter } from './BottomSheet/BottomSheetFooter.web.js';
-export { BottomSheetHeader } from './BottomSheet/BottomSheetHeader.web.js';
-export { Accordion } from './Accordion/Accordion.js';
-export { AccordionItem } from './Accordion/AccordionItem.js';
-export { Collapsible } from './Collapsible/Collapsible.js';
-export { CollapsibleLink } from './Collapsible/CollapsibleLink.js';
-export { CollapsibleButton } from './Collapsible/CollapsibleButton.js';
-export { CollapsibleBody } from './Collapsible/CollapsibleBody.js';
-export { Tooltip } from './Tooltip/Tooltip.web.js';
-export { TooltipInteractiveWrapper } from './Tooltip/TooltipInteractiveWrapper.web.js';
-export { Popover } from './Popover/Popover.web.js';
-export { PopoverInteractiveWrapper } from './Popover/PopoverInteractiveWrapper.web.js';
-export { SpotlightPopoverTour } from './SpotlightPopoverTour/Tour.web.js';
-export { SpotlightPopoverTourFooter } from './SpotlightPopoverTour/TourFooter.web.js';
-export { SpotlightPopoverTourStep } from './SpotlightPopoverTour/TourStep.web.js';
 //# sourceMappingURL=index.js.map

package/build/lib/web/development/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/lib/web/development/tokens/global/border.js

@@ -1,9 +1,12 @@
 var border = {
   radius: {
     none: 0,
+    xsmall: 1,
     small: 2,
     medium: 4,
     large: 8,
+    xlarge: 12,
+    '2xlarge': 16,
     max: 9999,
     round: '50%' // this needs to be in % but need to figure out how will we store unitless things
   },

package/build/lib/web/development/tokens/global/border.js.map

@@ -1 +1 @@
-{"version":3,"file":"border.js","sources":["../../../../../../src/tokens/global/border.ts"],"sourcesContent":["type BorderRadius = Readonly<{\n  /** none: 0(px/rem/pt) */\n  none: 0;\n  /** small: 2(px/rem/pt) */\n  small: 2;\n  /** medium: 4(px/rem/pt) */\n  medium: 4;\n  /** large: 8(px/rem/pt) */\n  large: 8;\n  /** max: 9999(px/rem/pt). This will round the left and right side of the box element */\n  max: 9999;\n  /** round: 50%(pt). This will turn the box element into a circle */\n  round: '50%';\n}>;\n\ntype BorderWidth = Readonly<{\n  /** none: 0(px/rem/pt) */\n  none: 0;\n  /** thinner: 0.5(px/rem/pt) */\n  thinner: 0.5;\n  /** thin: 1(px/rem/pt) */\n  thin: 1;\n  /** thick: 1.5(px/rem/pt) */\n  thick: 1.5;\n  /** thicker: 2(px/rem/pt) */\n  thicker: 2;\n}>;\n\nexport type Border = Readonly<{\n  radius: BorderRadius;\n  width: BorderWidth;\n}>;\n\nexport const border: Border = {\n  radius: {\n    none: 0,\n    small: 2,\n    medium: 4,\n    large: 8,\n    max: 9999,\n    round: '50%', // this needs to be in % but need to figure out how will we store unitless things\n  },\n  width: {\n    none: 0,\n    thinner: 0.5,\n    thin: 1,\n    thick: 1.5,\n    thicker: 2,\n  },\n};\n"],"names":["border","radius","none","small","medium","large","max","round","width","thinner","thin","thick","thicker"],"mappings":"AAiCO,IAAMA,MAAc,GAAG;AAC5BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,IAAI,EAAE,CAAC;AACPC,IAAAA,KAAK,EAAE,CAAC;AACRC,IAAAA,MAAM,EAAE,CAAC;AACTC,IAAAA,KAAK,EAAE,CAAC;AACRC,IAAAA,GAAG,EAAE,IAAI;IACTC,KAAK,EAAE,KAAK;GACb;;AACDC,EAAAA,KAAK,EAAE;AACLN,IAAAA,IAAI,EAAE,CAAC;AACPO,IAAAA,OAAO,EAAE,GAAG;AACZC,IAAAA,IAAI,EAAE,CAAC;AACPC,IAAAA,KAAK,EAAE,GAAG;AACVC,IAAAA,OAAO,EAAE,CAAA;AACX,GAAA;AACF;;;;"}
+{"version":3,"file":"border.js","sources":["../../../../../../src/tokens/global/border.ts"],"sourcesContent":["type BorderRadius = Readonly<{\n  /** none: 0(px/rem/pt) */\n  none: 0;\n  /** xsmall: 1(px/rem/pt) */\n  xsmall: 1;\n  /** small: 2(px/rem/pt) */\n  small: 2;\n  /** medium: 4(px/rem/pt) */\n  medium: 4;\n  /** large: 8(px/rem/pt) */\n  large: 8;\n  /** xlarge: 12(px/rem/pt) */\n  xlarge: 12;\n  /** 2xlarge: 16(px/rem/pt) */\n  '2xlarge': 16;\n  /** max: 9999(px/rem/pt). This will round the left and right side of the box element */\n  max: 9999;\n  /** round: 50%(pt). This will turn the box element into a circle */\n  round: '50%';\n}>;\n\ntype BorderWidth = Readonly<{\n  /** none: 0(px/rem/pt) */\n  none: 0;\n  /** thinner: 0.5(px/rem/pt) */\n  thinner: 0.5;\n  /** thin: 1(px/rem/pt) */\n  thin: 1;\n  /** thick: 1.5(px/rem/pt) */\n  thick: 1.5;\n  /** thicker: 2(px/rem/pt) */\n  thicker: 2;\n}>;\n\nexport type Border = Readonly<{\n  radius: BorderRadius;\n  width: BorderWidth;\n}>;\n\nexport const border: Border = {\n  radius: {\n    none: 0,\n    xsmall: 1,\n    small: 2,\n    medium: 4,\n    large: 8,\n    xlarge: 12,\n    '2xlarge': 16,\n    max: 9999,\n    round: '50%', // this needs to be in % but need to figure out how will we store unitless things\n  },\n  width: {\n    none: 0,\n    thinner: 0.5,\n    thin: 1,\n    thick: 1.5,\n    thicker: 2,\n  },\n};\n"],"names":["border","radius","none","xsmall","small","medium","large","xlarge","max","round","width","thinner","thin","thick","thicker"],"mappings":"AAuCO,IAAMA,MAAc,GAAG;AAC5BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,IAAI,EAAE,CAAC;AACPC,IAAAA,MAAM,EAAE,CAAC;AACTC,IAAAA,KAAK,EAAE,CAAC;AACRC,IAAAA,MAAM,EAAE,CAAC;AACTC,IAAAA,KAAK,EAAE,CAAC;AACRC,IAAAA,MAAM,EAAE,EAAE;AACV,IAAA,SAAS,EAAE,EAAE;AACbC,IAAAA,GAAG,EAAE,IAAI;IACTC,KAAK,EAAE,KAAK;GACb;;AACDC,EAAAA,KAAK,EAAE;AACLR,IAAAA,IAAI,EAAE,CAAC;AACPS,IAAAA,OAAO,EAAE,GAAG;AACZC,IAAAA,IAAI,EAAE,CAAC;AACPC,IAAAA,KAAK,EAAE,GAAG;AACVC,IAAAA,OAAO,EAAE,CAAA;AACX,GAAA;AACF;;;;"}